外边距的BUG及解决方式

1.相邻块元素垂直外边距的合并 当上下相邻的两个元素相遇的时候,上面元素的有margin-bottom,下面的元素有margin-top时,两者之间的间距并不是上下边距之和,而是取两者之间的较大者,这种现象称之为外边距的塌陷。 如下图所示 解决方法:避免就好! 2.嵌套块元素垂直外边距的合并 对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距会与子元素的上外边距发生合并，

>>阅读原文<<