概念
外邊距塌陷也稱外邊距合並，在文檔流中相鄰（兄弟或父子關系）的塊級元素的外邊距組合在一起變成單個外邊距，只有在上下外邊距才會出現塌陷，左右不會出現。
解析：1.兩個嵌套塊級元素，父元素如果沒有上補白和上邊框，那么它的上邊距會和它的文檔流中的的第一個子元素的上邊距重疊，取兩者較大的值，父元素上的外邊距為0，也會發生合並。
（通俗來說：子元素找不到父元素的border或者padding,就會與父元素上邊距重疊）
2.兩個相鄰塊級元素，如果上面的元素存在外邊距margin-bottom,下面的元素存在外邊距margin-top, 那么它們之間外邊距不是margin-bottom + margin-top, 而是取兩者最大值外邊距
外邊距計算方式
1.兩個值為正數，取較大值
2.兩個值為負數，取絕對值較大的值
3.一正一負，取兩個值的和
解決方式（父元素）
1.border: 1px solid #fff;
2.float: left;
3.position: absolute;
4.padding: 1px;
5.display: inline-block;
6.overflow: hidden;
7.overflow: auto;