寬高100，底外距50
寬高100，上外距20
.a
.c.d
div.c有內容時：d標籤上邊距顯示
當有div巢狀，且外層div無內容，此時內層div的margin會消失，解決辦法有6種：
1.外層c標籤：
overflow:hidden;
padding-top:1px;
border:1px solid transparent;
2.內層d標籤
position:absolute;
float:left;
display:inline-block;
最為通用的解決div外部margin被較大值覆蓋、或內部div的margin消失問題，方法有三種：
position:absolute;
float:left;
display:inline-block;
忽略的問題 margin重疊
1.margin同向重疊。問題描述 解決方法 e.給內層div們設定float屬性 記得最後閉合浮動或者清除浮動 2.margin異向重疊 問題描述 依舊如上圖，first和second盒子都有margin 10px，但是顯示出來兩個盒子的距離卻不是20px，而仍然是10px。也就是說此時上面盒子的...
margin 重疊問題的理解
塊級元素的上外邊距 margin top 與下外邊距 margin bottom 有時會合併為單個外邊距，這樣的現象稱為 margin合 並 產生摺疊的必備條件 margin必須是鄰接的 而根據w3c規範，兩個margin是鄰接的必須滿足以下條件 必須是處於常規文件流 非float和絕對定位 的塊級...
margin重疊與穿透問題
出現margin重疊的原因 同乙個bfc裡面兩個塊級元素會出現margin摺疊。解決方式 讓兩個塊級元素不在乙個bfc內。預設情況，子元素設定margin top或者margin bottom會影響其父元素，這就是所謂的margin穿透。解決方式 1.給父元素加個border 2.將父元素變成bfc...