關於margin塌陷和margin合併問題解決

margin塌陷

當給一個塊級元素的第一個子元素設置margin-top時會帶動父級盒子一起下移

解決方法：

1. 給父級盒子設置border:1px solid transparent;box-sizing: border-box;
2. 在第一個子元素前面加一個<table></table>
3. 給父級盒子設置padding屬性來代替margin

（以上三種方法，不推薦使用）

4. 觸發BFC（塊級格式上下文），改變父級渲染規則。一下四種方法都可以實現，但是各自都有各自的缺點，可根據實際情況選擇合適的方法。

position:absolute/fixed;

display:inline-block;

float:left/right;

overflow:hidden;

margin合併由於並沒有影響到大體結構，一般在製作項目的時候，把上下間距算成一個即可。