外边距合并跟外边距塌陷以及解决方案

1.外边距合并

上下相邻的两个块级元素相遇时，若上面的块元素有margin-bottom，下面的元素有margin-top，则它们垂直间距不是二者之和，而是二者之间的最大值。

解决方案：尽量只给一个元素设置外边距。

2.外边距塌陷

两个嵌套的（父子）的块元素，父子同时有上外边距，此时父元素会塌陷较大的外边距。

解决方案：

1. 为父元素设置一个透明的上外边框border:1px soild transparent
2. 为父元素定义上内边距
3. 为父元素添加overflow:hidden
4. 脱标：脱标（浮动、绝对、固定）的盒子不会触发外边距塌陷