清除浮动
1.使用before和after双伪元素清楚浮动
.clearfix::after,.clearfix::before{
content: "";
display: table;
}
.clearfix::after{
clear: both;
}
.clearfix{
*zoom: 1;
width: 500px;
border: 1px solid royalblue;
}
2.父级添加overflow属性(父类元素添加overflow:hidden)不推荐使用
通过触发BFC方式,实现清除浮动