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

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

個(gè)人簡(jiǎn)介

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

主目錄

與歌謠一起通關(guān)前端面試題

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。