父子兩個塊級元素之間，使用margin：10px 0; 使其有了上外邊距，之后就會出現高度坍塌的問題

解決它又辦法：
1在父元素中加入:overflow:hidden
2.在父子元素之間加入:<table></table>
3. 在父元素中添加一個偽元素，具體設置樣式如下：

父元素::before{content: "";height: 0;clear: both;overflow: hidden;display: block;visibility: hidden; }

總結

以上是生活随笔為你收集整理的解决margin坍塌的全部內容，希望文章能夠幫你解決所遇到的問題。

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