問題描述

http://w3help.org/zh-cn/kb/010/加粗的兩句話，到底是折疊還是不折疊？

在塊格式化上下文中，框會一個接一個地被垂直放置，它們的起點是一個包含塊的頂部。 兩個兄弟框之間的垂直距離取決于 ’margin’ 特性。在塊格式化上下文中相鄰的塊級元素的垂直外邊距會折疊( collapse )。

它與普通的塊框類似，不同之處在于：

可以包含浮動元素可以阻止外邊距折疊可以防止元素被浮動元素覆蓋

問題解答

可以阻止外邊距折疊 是要通過形成新的塊格式化上下文，可以看下我的文章，里面專門有一篇寫這的