- margin塌陷：當(dāng)父元素包裹著子元素時林螃，垂直方向的margin取兩者之中較大的數(shù)值。
解決方法：
1.給父元素設(shè)置一個border-top（不建議采用）
2.bfc（block format context --- 塊級格式化上下文）
如何觸發(fā)一個盒子的bfc：
1.position: absolute;
2.display: inline-block;
3.float: left / right;
4.overflow: hidden; （隱藏溢出部分）
利用bfc改變父元素渲染規(guī)則宋下，針對需求選取4種觸發(fā)bfc的方法解決塌陷問題
- margin合并：兩個兄弟元素垂直方向上的margin會合并政模，margin會取兩者之中較大的值笋熬。
解決方法：給其中一個或兩個元素都增加一個父級十偶，并用bfc改變父級元素的渲染規(guī)則（一般允許存在margin合并菩鲜，可用計算方法實現(xiàn)所需效果）
