清除浮动的方法

引言：我们在设计网页时，对于某一个盒子是没有办法设置宽高的，因为有很多小的盒子又或者这里面的盒子是在不断更新的，所以我们父盒子的状态希望是由子盒子撑开，这样就能父盒子和子盒子一样高，

这就需要用到清除浮动的知识。

正文：清除浮动的本质也就是清除浮动元素脱离标准流造成的影响。（布局方式有三种：标准流、浮动、定位）

清除浮动的方法有以下几种：

1：额外标签法

2：父级添加overflow属性

3：父级添加after伪元素

4：父级添加双伪元素

额外标签法就是在浮动元素末尾添加一个空的标签（这个标签必须是块级元素）

父级添加overflow属性，设置为hidden。Scroll。auto

After伪元素（要给父类添加多类名：clearfix）

clearfix:after{

content:";

display: block;

height:0;

clear: both;

visibility:hidden;

}

.clearfix{/*IE6、7 专有*/

*zoom:1;

}

双伪元素（要给父类添加多类名：clearfix）

clearfix:before,.clearfix:after{

content :"";

display:table;

}

clearfix:after {

clear :both;

}

Clearfix{

*zoom:1;

}

以上代码，直接复制粘贴就好。