- 在之后元素添加 clear:both; 样式
- 给父元素添加 overflow:hidden; 样式
- 伪元素选择器清除浮动(在父元素添加类 .clearfix)
1)单伪元素选择器
.clearfix::after{
content:'';
height:0;
display:block;
clear:both;
visibility:hidden;
}
2) 双伪元素选择器
.clearfix::before{
content:'';
display:table;
}
.clearfix::after{
clear:both;
}