CSS 清除浮动

常用方法

方法一：在父元素添加类 可以清除浮动。

.clearfix{zoom:1;}

.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block; }


<div class="clearfix">
<div class="left"></div>  //左浮动
<div class="right"></div>  //右浮动

方法二：在父元素添加一个最后一个子元素

.clear{clear:both}

<div>
<div class="left"></div>  //左浮动
<div class="right"></div>  //右浮动
<div class="clear"></div> //空元素
</div>