1.margin同向重疊。
問題描述：
解決方法：
e.給內層div們設定float屬性（記得最後閉合浮動或者清除浮動）。
2.margin異向重疊
問題描述：依舊如上圖，first和second盒子都有margin：10px，但是顯示出來兩個盒子的距離卻不是20px，而仍然是10px。也就是說此時上面盒子的margin-bottom和下面盒子的margin-top產生了重疊，這個距離由二者中數值較大者決定。
我認為異向重疊是乙個優點，一般情況下，我並不想去改變它。等遇到需要解決的時候再來補充吧。
margin重疊問題
寬高100，底外距50 寬高100，上外距20 a c.d 當div.c標籤無內容時 d標籤的上邊距消失了 div.c有內容時 d標籤上邊距顯示 當有div巢狀，且外層div無內容，此時內層div的margin會消失，解決辦法有6種 1.外層c標籤 overflow hidden padding t...
margin 重疊問題的理解
塊級元素的上外邊距 margin top 與下外邊距 margin bottom 有時會合併為單個外邊距，這樣的現象稱為 margin合 並 產生摺疊的必備條件 margin必須是鄰接的 而根據w3c規範，兩個margin是鄰接的必須滿足以下條件 必須是處於常規文件流 非float和絕對定位 的塊級...
margin重疊與穿透問題
出現margin重疊的原因 同乙個bfc裡面兩個塊級元素會出現margin摺疊。解決方式 讓兩個塊級元素不在乙個bfc內。預設情況，子元素設定margin top或者margin bottom會影響其父元素，這就是所謂的margin穿透。解決方式 1.給父元素加個border 2.將父元素變成bfc...