清除浮动带来的影响

<div class="a clearfix">

     <div class="b"></b>

</div>

 

对b添加浮动属性，就要对他的父级清除浮动产生的影响

1.使用after伪元素清除浮动（推荐使用）

.b::after{

display:block;

content:"";

clear:both

}

.b{

zoom:1

}

2.父级添加overflow属性（父元素添加overflow:hidden）（不推荐）

3.使用before和after双伪元素清除浮动

.clearfix:after,.clearfix:before{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
.clearfix{
*zoom: 1;
}