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

发布时间:2020-11-18 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了【前端】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: 二元高度

总结

以上是编程之家为你收集整理的【前端】H5,底边按钮吸边,但是覆盖了列表循环的内容全部内容,希望文章能够帮你解决【前端】H5,底边按钮吸边,但是覆盖了列表循环的内容所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!