清除浮动（重点）

1. 为什么清除浮动：父级盒子很多情况下不方便给高度，但子盒子浮动又不占位置，最后父级盒子高度为0，会影响后面标准流盒子。

2. 语法：选择器 {clear: 属性值;}

（1）属性值：left（不允许左侧有浮动元素）、right、both。

（2）清除浮动策略：闭合浮动。

3. 清除浮动方法

（1）额外标签法（新添加的空标签必须是块级元素）

在浮动元素末尾添加一个空标签（例：<div:style="clear:both"></div>

（2）父级添加overflow属性

将其属性值设为hidden、auto、scroll

（3）父级添加:after伪元素

语法：.clearfix:after {

content:"";

display:block;

height:0;

clear:both;

visibility: hidden;

}

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

*zoom:1;

}

（4）父级添加双伪元素

.clearfix:before,.clearfix:after {

content:"";

display:table;

}

.clearfix:after {

clear:both;

}

.clearfix {

*zoom:1

}