推荐使用:
.clearfix::after { content: "\0020"; display: table; clear: both; }
将clearfix添加到父元素,即可清除浮动,原理与添加一个空的块级元素再添加clear: both样式一样,但是使用伪元素可以不破坏页面结构
此时要注意父元素原来是否已经设置了::after伪元素,避免冲突
清除浮动
原文:https://www.cnblogs.com/zgdawdl/p/9886918.html