1.什麼是外邊距疊加：當兩個或更多垂直外邊距相遇時，它們將形成乙個外邊距。這個外邊距的高度等於兩個發生疊加的外邊距的高度中的較大者。並且要知道：只有普通文件流中塊框的垂直外邊距才會發生外邊距疊加。行內框、浮動框或者絕對定位框之間的外邊距不會疊加。
2.為什麼會發生：根據盒模型規範，乙個盒子如果沒有上內邊距(padding-top)和上邊框(border-top)，就會一直找自己的上一級，這也就造成了我並不想出現的塌陷效果。
3.怎麼避免外邊距塌陷的方法總結：
1.給父元素設定padding-top
2.給父元素設定邊框
3.如果想不影響父元素受子元素的影響被拉下來的話，就在父元素裡面的最上面的部分（也就是子元素上方）生成乙個空table，如：div：before（我比較愛用這一款）
專案**(lg)
外邊距疊加
外邊距疊加其實是乙個非常簡單的概念，不過，一開始我還是被其高大上的名字 margin collapsing 唬得不輕 什麼是外邊距疊加呢？在normal流中，同一bfc下，相鄰垂直外邊距會重疊形成乙個外邊距，外邊距高度為疊加的外邊距較大者。我是這樣記住的 盡量在滿足雙方的margin下，使得marg...
CSS外邊距疊加
盒模型概念 盒模型是css的基石之一，它指定元素如何顯示及 在某種程度上 如何相互互動。頁面上的每乙個元素都被看做乙個矩形框，這個框右元素的內容 內邊距 邊框和外邊距組成，如下圖 如果給元素新增背景，背景會應用於內容和內邊距組成的區域。新增邊框會在內邊距的區域外加一條線。外邊距是透明的，一般使用它控...
CSS外邊距疊加
外邊距疊加發生在上下外邊距之間，左右外邊距不會發生疊加的情況 疊加之後的外邊距高度等於發生疊加之前兩個外邊距中的最大值 外邊距疊加有三種情況 1 同級元素之間 當乙個元素出現另乙個元素的上面的時候，第乙個元素的下邊距會和將會與第二元素的上邊距會發生合併 2 父子元素之間 父元素與子元素之間的上下外邊...