垂直margin合并問題

前提：

　　同屬于一個BFC的兩個相鄰的盒子的margin會發生重疊

描述：

　　外邊距合并指的是，當兩個垂直外邊距相遇時（水平外邊距相遇的時候不會有這種問題），它們將形成一個外邊距。合并后的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。

解決辦法：

　　1. 使用這種特性

　　2. 設置一邊的外邊距，一般設置margin-top

　　3. 將元素浮動或者定位等（也就是創建一個新的BFC區域，讓它們不屬于同一個BFC就可以了）

轉載于:https://www.cnblogs.com/david-lcw/p/10134240.html

總結

以上是生活随笔為你收集整理的垂直margin合并问题的全部內容，希望文章能夠幫你解決所遇到的問題。

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