兩個或多個毗鄰的普通流中的塊元素垂直方向上的 margin 會摺疊；
外邊距重疊是指兩個垂直相鄰的塊級元素，當上下兩個邊距相遇時，其外邊距會產生重疊現象，且重疊後的外邊距，等於其中較大者。
同理，如果一個無內容的空元素，其自身上下邊距也會產生重疊。
防止外邊距重疊解決方案：
外層元素padding代替
內層元素透明邊框 border:1px solid transparent;
內層元素絕對定位 postion:absolute:
外層元素 overflow:hidden;
內層元素 加float:left;或display:inline-block;
---------------------
原文：https://blog.csdn.net/misttt/article/details/77778530