margin塌陷
當(dāng)給一個(gè)塊級(jí)元素的第一個(gè)子元素設(shè)置margin-top時(shí)會(huì)帶動(dòng)父級(jí)盒子一起下移
解決方法：
- 給父級(jí)盒子設(shè)置
border:1px solid transparent;box-sizing: border-box; - 在第一個(gè)子元素前面加一個(gè)
<table></table> - 給父級(jí)盒子設(shè)置padding屬性來(lái)代替margin
（以上三種方法，不推薦使用）
- 觸發(fā)BFC（塊級(jí)格式上下文），改變父級(jí)渲染規(guī)則。一下四種方法都可以實(shí)現(xiàn)，但是各自都有各自的缺點(diǎn)，可根據(jù)實(shí)際情況選擇合適的方法。
position:absolute/fixed;
display:inline-block;
float:left/right;
overflow:hidden;
margin合并由于并沒(méi)有影響到大體結(jié)構(gòu)，一般在制作項(xiàng)目的時(shí)候，把上下間距算成一個(gè)即可。
