1.在父元素内添加一个空的div,div的样式设为clear:both;
2.在父元素上设置样式为overflow:hidden;
3.父亲调用clearfix
.clearfix:after{
content:"";
display:block;
height:0;
visibility:hidden;
clear:both;
}
/*这是ie6,ie7专门清除浮动的样式*/
.clearfix {
*zoom:1;
}
4.父亲调用clearfix
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear:both;
}
.clearfix{
*zoom:1;
}