收藏
回答

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

问题模块
API和组件

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



回答关注问题邀请回答
收藏

10 个回答

  • 似水
    似水
    2018-08-09

    改成padding-bottom就好了

    2018-08-09
    赞同 1
    回复 1
    • w-wu
      w-wu
      2019-08-29
      在开发者工具预览用margin-bottom有效 iphonexs真机预览无效 使用padding-bottom可以解决
      2019-08-29
      回复
  • You can you up
    You can you up
    2017-10-10

    底部加空白的块

    2017-10-10
    赞同 1
    回复
  • Mary
    Mary
    2018-10-30

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


    2018-10-30
    赞同
    回复
  • 张高²⁰²⁰
    张高²⁰²⁰
    2018-06-06


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

    2018-06-06
    赞同
    回复
  • 浅唱
    浅唱
    2017-10-12

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

    2017-10-12
    赞同
    回复
  • 浅唱
    浅唱
    2017-10-11

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

    2017-10-11
    赞同
    回复
  • 赵青山
    赵青山
    2017-10-11

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

    2017-10-11
    赞同
    回复
  • You can you up
    You can you up
    2017-10-11

    ios不行吧?

    2017-10-11
    赞同
    回复
  • 浅唱
    浅唱
    2017-10-11

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

    2017-10-11
    赞同
    回复
  • 白开水
    白开水
    2017-10-10

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

    2017-10-10
    赞同
    回复
登录 后发表内容