页面最后一个元素的margin-bottom 无效
发布于 6 年前 作者 xcheng 13800 次浏览 来自 问答

窗体最底部导航 是用fixed 定位的, 而不希望 这个位置遮挡住页面最下面的部分,所有在页面盒子中使用了 margin-bottom ,但是这个属性在 微信小程序不起作用,求解决方案!!!!

10 回复

底部加空白的块

ios不行吧?

像这样,再foot(fixed定位元素)的前面放置一个空白的固定高度的块级元素。就可以了

楼主最后是修改代码解决的吗?

哦,开发工具跟安卓可以,ios不行

刚才建了一个demo,没有用,最后一个盒子的margin-bottom是无效的,亲测,现在不知道有什么好的解决方案!

ios  无效 对的, 这个问题 估计 官方没有解决

改成padding-bottom就好了

安卓的我没测过,ios 是无效的,这个问题真蛋疼

如果是 fixed 布局,那么随着页面滚动,其他文档流布局中的元素必然会被 fixed 元素挡住。如果不想让“发送给朋友”的按钮被挡住,建议将该按钮也设为 fixed

回到顶部