页面最后一个元素的margin-bottom 无效

发布于 8 年前作者 xcheng13969 次浏览最后编辑 8 年前来自 ask

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

10 回复
dlin
dlin1 楼6 年前

底部加空白的块

junyuan
junyuan2 楼6 年前

ios不行吧?

xiulancheng
xiulancheng3 楼6 年前

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

mengping
mengping4 楼6 年前

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

ryan
ryan5 楼6 年前

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

twu
twu6 楼6 年前

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

jietian
jietian7 楼6 年前

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

fangshen
fangshen8 楼6 年前

改成padding-bottom就好了

guchao
guchao9 楼6 年前

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

xiulan72
xiulan7210 楼6 年前

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