CSS外边距重叠和高度坍塌完美解决

使用下面的clearfix类，问题迎刃而解了。

.clearfix::before,.clearfix::after{content: '';display: table;clear: both;}

这是两种问题的综合解决方案：

1. 高度坍塌（引入.box类即可）

.box::after{content: '';clear: both;display: block;}

2. 垂直外边距重叠

.box::before{content: '';display: table;}

总结

以上是生活随笔为你收集整理的CSS外边距重叠和高度坍塌完美解决的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。