外邊距的BUG及解決方式

1.相鄰塊元素垂直外邊距的合併 當上下相鄰的兩個元素相遇的時候,上面元素的有margin-bottom,下面的元素有margin-top時,兩者之間的間距並不是上下邊距之和,而是取兩者之間的較大者,這種現象稱之爲外邊距的塌陷。 如下圖所示 解決方法:避免就好! 2.嵌套塊元素垂直外邊距的合併 對於兩個嵌套關係的塊元素，如果父元素沒有上內邊距及邊框，則父元素的上外邊距會與子元素的上外邊距發生合併，

>>阅读原文<<