.content
此時margin-top
:50px並沒有達到想要的效果，實際效果確實他會帶著他的父級元素一起向下50畫素，該現象就是margin塌陷引起的
解決辦法：
1、給父元素設定border-top會解決此問題（不建議使用，設定border會影響父元素的高度）
2、通過bfc
(block format context)改變父元素盒子模型規則，觸發bfc的屬性有(借鑑網上方法)：
1)、float的值不是none。
2)、position的值不是static或者relative。
3)、display的值是inline-block、table-cell、flex、table-caption或者inline-flex
4)、overflow的值不是visible
學習筆記 CSS深入理解之margin
張鑫旭的css深入理解之margin學習筆記前提 只應用於block元素 不考慮writing mode的情況下，只發生在垂直方向 場景 兄弟元素發生重疊 父元素和第乙個 最後乙個子元素發生重疊 margin bottom重疊 最後乙個子元素設定margin bottom相對于父元素設定margin...
margin塌陷 margin合併的解決
父子巢狀元素垂直方向的 margin，父子元素是結合在一起的，他們兩個會取其中最大的值 正常情況應該是父級相對於瀏覽器進行定位，子級應該相對於父級定位的 但是 margin 塌陷是在父級相對於瀏覽器進行定位時，子級沒有相對於父級定位，就像父級的棚子沒有了一樣子級相對於父級，就像塌陷了一樣 a.給父元...
css豎向合併 margin
最近一直在切圖，做靜態頁，做了兩個專題以後才發現乙個問題，就是豎向的margin 會合併，取最大的顯示。如下 如果你這麼寫，class為farter的div本應該是距離上乙個div應該有5畫素 而class為chd的div本應該距離class的farter div上邊距 距離15畫素。結果卻是這兩個...