CSS外邊距疊加

外邊距疊加發生在上下外邊距之間，左右外邊距不會發生疊加的情況；疊加之後的外邊距高度等於發生疊加之前兩個外邊距中的最大值

外邊距疊加有三種情況：

（1）同級元素之間

當乙個元素出現另乙個元素的上面的時候，第乙個元素的下邊距會和將會與第二元素的上邊距會發生合併

（2）父子元素之間

父元素與子元素之間的上下外邊距也會發生合併，當父元素與子元素之間沒有border或者padding分隔開的時候，這種情況就會發生

（3）空元素

空元素沒有border或者padding的時候，上下外邊距將會合併

外邊距疊加存在，往往能使我們在進行排版的時候可以確保段落之間的距離相等

CSS外邊距疊加

盒模型概念 盒模型是css的基石之一，它指定元素如何顯示及 在某種程度上 如何相互互動。頁面上的每乙個元素都被看做乙個矩形框，這個框右元素的內容 內邊距 邊框和外邊距組成，如下圖 如果給元素新增背景，背景會應用於內容和內邊距組成的區域。新增邊框會在內邊距的區域外加一條線。外邊距是透明的，一般使用它控...

CSS外邊距疊加問題

css外邊距疊加就是margin collapse，邊距合併指的是，當兩個垂直外邊距相遇時，它們將形成乙個外邊距,水平邊 距永遠不會重合。重疊結果計算規則 兩個相鄰的外邊距都是正數時，摺疊結果是它們兩個之間較大的值.兩個相鄰的外邊距都是負數時，摺疊結果是兩者絕對值的較大值.兩個邊距一正一負時，摺疊結...

外邊距疊加

外邊距疊加其實是乙個非常簡單的概念，不過，一開始我還是被其高大上的名字 margin collapsing 唬得不輕 什麼是外邊距疊加呢？在normal流中，同一bfc下，相鄰垂直外邊距會重疊形成乙個外邊距，外邊距高度為疊加的外邊距較大者。我是這樣記住的 盡量在滿足雙方的margin下，使得marg...