**如下：
啟動瀏覽器效果如下，發現父子div設定的margin發生了重疊。
原因：所有同級或者巢狀的盒元素，它們的margin會發生重疊
解決辦法：
1、修改父元素的高度，增加padding-top樣式模擬（padding-top：1px；常用）
2、為父元素新增overflow：hidden；樣式即可（完美）
3、為父元素或者子元素宣告浮動（float：left；可用）
4、為父元素新增border（border:1px solid transparent可用）
5、為父元素或者子元素宣告絕對定位
margin重疊深究
在頁面構建過程中，我們經常會遇到margin設定無效的情況，使人困擾，下面看看到底是怎麼回事吧。collapsing margins 摺疊margin 的意思是 2個或以上盒模型之間 關係可以是相鄰或巢狀 相鄰的margin屬性 這之間不能有非空內容 padding區域 border邊框 或使用清除...
margin重疊現象
margin重疊現象 研究 在網頁頁面布局中，經常會出現以下兩種現象 1 相鄰的兩個普通元素，上下邊距，不是簡單的相加，而是取邊距較大者的元素的邊距值。如例1 2 關係為父子的兩個div元素，豎直方向上如果兩個元素都設有margin值，則會取margin值較大的元素的邊距值。如例2 例1 html ...
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...