清除浮动后续

1.清除浮动—：after 伪元素法

：after 方式是额外标签法的升级版。也是给父元素添加

.clearfix : after {

content : "" ;

dispaly : block ;

height : 0;

clear : both ;

visiblility : hidden;

}

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

*zoom : 1;

}

• 优点：没有增加标签，结构更简单

• 缺点：照顾低版本浏览器

• 代表网站：百度、淘宝网、网易等

2.清除浮动—双伪清除浮动

也是给父元素添加

.clearfix:before, .clear:after {

content : "" ;

display : table ;

}

.clearfix : after {

clear : both ;

}

.clearbox {

*zoom:1 ;

}

清除浮动总结

为什么清除浮动：

1. 父级没高度

2. 子盒子浮动了

3. 影响下面布局了，我们就应该清楚浮动