CSS外邊距合并的情況主要分兩種：
1.相鄰兄弟元素之間的外邊距合并
??當(dāng)相鄰的兄弟元素，前一個設(shè)定了 margin-bottom 后一個設(shè)定了 margin-top，那么這兩個外邊距會合并成其中一個比較大的值。
解決方法：
1.給其中一個兄弟設(shè)置 display:inline-block width:100% (width:100% 目的是為了不讓兩個兄弟元素出現(xiàn)在同一行。)
2.根據(jù)實際需求重新設(shè)置margin
2.父級元素和第一個元素以及最后一個元素的合并（塌陷）
??當(dāng)父級元素沒有設(shè)置padding、border的時候，他的margin-top、margin-bottom會和他的第一個子元素和最后一個子元素合并（左右外邊距不會合并）。
??正常預(yù)想的情況（父級元素設(shè)置了border）
??合并的情況（父級元素沒有設(shè)置padding、border），第一個子元素的margin-top 和 最后一個子元素的margin-bottom被合并了。
解決方法：
1.父元素添加樣式：overflow:hidden
