[css] 外邊距重疊是什么？重疊的結果是什么？怎么防止外邊距重疊？

外邊距重疊是什么？外邊距重疊指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。 重疊后的外邊距的高度等于兩個發生重疊的外邊距的高度中的較大者。發生的條件：屬于同一個BFC的兩個相鄰元素上下margin會重疊。重疊的結果是什么？舉例1：當一個元素出現在另一個元素上面時，重疊后的外邊距的高度等于兩個發生重疊的外邊距的高度中的較大者。舉例2： 當一個元素包含在另一個元素中時（假設沒有內邊距或邊框把外邊距分隔開），它們的上和/或下外邊距也會發生重疊。如果這個外邊距遇到另一個元素的外邊距，它還會發生重疊。怎么防止外邊距重疊？浮動元素、inline-block 元素、絕對定位元素的 margin 不會和垂直方向上其他元素的 margin 折疊（注意這里指的是上下相鄰的元素）外層元素padding代替內層元素透明邊框 border:1px solid transparent;用同一方向的margin，都設置為top或者bottom。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[css] 外边距重叠是什么？重叠的结果是什么？怎么防止外边距重叠？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。