我們先來css外邊距合并具體是什么意思？

css外邊距合并（疊加）是指兩個垂直相鄰的塊級元素，當上下兩個邊距相遇時，起外邊距會產生重疊現象，且合并后的外邊距，等于其中較大者。如圖：

或者是一個無內容的空元素，其自身上下邊距也會產生合并。如圖：

既然知道了css外邊距合并的具體情況后，我們就來看看怎么解決css外邊距合并的情況。

防止css外邊距合并解決方法：

1、防止元素與子元素margin重疊：

用內層元素的margin通過外層元素的padding代替；

內層元素透明邊框 border:20px solid transparent或者父元素background-color；

外層元素 overflow:hidden;或者overflow:auto；

2、防止元素與子元素、與父元素。與相鄰元素的重合：

設置元素絕對定位 postion:absolute;或float:left;或display:inline-block；

關于上述的css外邊距合并解決方案可以根據實際的情況來采取，這里也就不多說了，更多的精彩內容可以關注php中文網。

以上就是css外邊距合并是什么意思？css外邊距合并怎么解決？的詳細內容，更多請關注php中文網其它相關文章！