css - BFC外邊距折疊問題

Question

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

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

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

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

Answer 1

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