CSS 外邊距合并。

標籤：style   blog   http   ar   color   sp   strong   on   div   

 <div id = "parent">       <div id = "child">          demo       </div>    </div>#parent {  background: red;  width: 200px;  height: 200px;}#child {  background: green;  width: 50px;  height: 50px;  margin-top: 50px;}

child的margin-top傳遞到了parent上.

外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。

合并後的外邊距的高度等於兩個發生合并的外邊距的高度中的較大者。

消除這種影響的方法：設定padding和border或設定交元素為浮動，設定overfl：hidden；可解決

w3cschool的解釋   http://www.w3school.com.cn/css/css_margin_collapsing.asp

來源：http://segmentfault.com/q/1010000000366724

CSS 外邊距合并。