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 ,四舍五入忽略;
都加在父元素上;