## 什么是外邊距重疊？以及防止方法 外邊距重疊是指兩個垂直相鄰的塊級元素，當上下兩個邊距相遇時，起外邊距會產生重疊現象，且重疊后的外邊距，等于其中較大者。 另一個重疊現象是當一個元素包含在另一個元素之中時，子元素與父元素之間也會產生重疊現象，重疊后的外邊距，等于其中最大者：  * * * 同理，如果一個無內容的空元素，其自身上下邊距也會產生重疊。  **外邊距重疊的意義** 外邊距的重疊只產生在普通流文檔的上下外邊距之間，這個看起來有點奇怪的規則，其實有其現實意義。設想，當我們上下排列一系列規則的塊級元素（如段落P）時，那么塊元素之間因為外邊距重疊的存在，段落之間就不會產生雙倍的距離。 **防止外邊距重疊解決方案：** 雖然外邊距的重疊有其一定的意義，但有時候我們在設計上卻不想讓元素之間產生重疊， 那么可以有如下幾個建議可供參考： ~~~ 外層元素padding代替 內層元素透明邊框 border:1px solid transparent; 內層元素絕對定位 postion:absolute: 外層元素 overflow:hidden; 內層元素 加float:left;或display:inline-block; 內層元素padding:1px; ~~~