清理浮动的目的就是为理解决父盒子高度为0的问题
1).假如一个元素要浮动,那么它的祖先元素肯定要有高度
2).clearBoth:效果同上,但是这种会导致margin失效
3).隔墙法:在两个元素之间加个div,设置clearBoth,并且设置高度
4).内墙法:在同级元素加个div,设置clearBoth,这样能根据子元素的高度自动撑开高度
5).overFlow:hidden:溢出隐藏,假如给父亲加上该属性能让父类元素被子类元素撑出高,IE6要加上_zoom:1属性
.clearfix:before,.clearfix:after{
content:””;
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
zoom:1;
}