safari margin-bottom not work

2017-10-24 20:51 热度: 149 我说呢

来说下背景:当内容高度超出父容器高度时,内容的margin-bottom设置是无效的。

遇到的情况是这样的,在html,body设置height: 100%;的时候,如果页面超过一屏,最后的那个元素在设置margin-bottom失效了,在chrome、firefox可以

解决方法

1.设置padding-bottom可以

2.把html,body的height: 100%;去掉也可以。

最好是规避下超出所有父容器的内容。。。

原理其实我也不知道。。。。(尴尬不?????)

查看评论 (0条)

添加评论