【前端】H5,底边按钮吸边,但是覆盖了列表循环的内容

我的说情况大致类似于:

 

 

PS:因为底边那个模块 绝对是浮动的,所有会遮住列表最下面一条现实的一部分,

解决:1:这个时候把body的底边的内边距调整到可显示的就可以了:

   2:给底部加个同底部菜单高度的div

 

1: body {
            background: #F2F2F2;
            padding-right: -15px;
            padding-bottom: 69px; //设置内边距

        }

2:在列表循环的下面加个 height的数据取决于你的菜单高度
<!-- 此行不能删除  用于底部不覆盖内容-->
<div style="width: 100%;height: 60px;margin-top: 13px"></div>

 处理后的效果:

 

height  [haɪt]  详细X
基本翻译
n. 高地;高度;身高;顶点
网络释义
Height: 高度
binary height: 二元高度

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码