小程序底部fiexd

在使用postion: fiexd 的时候， 会遮挡页面中的一部分内容。

<div className="page-body">

页面主体

</div>

<div className="bottom-bar">

要使用position:fixed的部分

</div>

我的场景是，有一个保持在页面底部的div，当页面内容多一些的时候，就会被底部的div挡住。

解决办法是，给页面主体的部分添加一个padding-bottom: (要保持在页面底部的div的高度)；

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1赞 92
  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,608评论 0赞 7
  • 浏览器中的兼容问题
    1. 默认的内外边距不同 问题： 各个浏览器默认的内外边距不同 解决： *{margin:0;padding:0;...
    jslxm阅读 848评论 0赞 2
  • Interview-Questions(web)
    前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型...
    Hebborn_hb阅读 851评论 0赞 1
  • 难过😫
    你每天发的朋友圈都那么有深意，是在考验我的想象力吗？你会不会看不起我这种发日常的人。太想读懂你的内心了，太想认识你...
    小帅迷妹阅读 187评论 0赞 0