清除浮动的几种方法

html结构

<div class="box clearfix">

<div>我是浮动的</div>

<div>我是浮动的</div>

</div>

一、使用clearfix 类

.clearfixt:after{

display:block;

clear:both;

content:"";

visibility:hidden;

height:0;

}

.clearfix{

zoom:1

}

二、增加额外的div并定义clear 样式

<div class="clear">

</div>

.clear{

clear: both;

}

三、 使用overflow 属性

.box{

overflow: hidden;/* 捕捉不到position的元素 */

}