margin合併整理

多個段落爲了美觀，瀏覽器會將它們的垂直距離變得統一，這是一種很常見的現象，在規範中這種現象正式名稱叫做： collapsing-margins （margin合併） 。     margin合併的發生要求很多必要的條件： 1. 水平margin不會合並。 2. 兩個上下渲染相鄰（不一定是兄弟節點）的塊狀元素在正常頁面流情況下會發生 margin 合併。 3. 浮動元素不會和任何元素（包括子孫節點）

>>阅读原文<<