margin合并.md

2018-09-20  本文已影响5人  时修七年

1.举例子
假设页面中有一个大div,里面嵌套一个小的div,当我们给小div设置margin-top: 200px后,大div会跟着往下掉,这是因为他们的margin合并了;
http://js.jirengu.com/hecidecuta/1/edit
2.讲道理

在css中,相邻的两个元素(可能是兄弟元素也可能是祖先元素)的外边距可以合并成一个单独的外边距,这种现象叫做外边距合并。
合并遵循以下的计算规则
同号取最大,异号则相加;

3.怎么办
overflow:hidden触发BFC
padding-top: 0.1px ,四舍五入忽略;
都加在父元素上;

上一篇下一篇

猜你喜欢

热点阅读