css 浮动与清除浮动

最好用的—:after伪元素法:

1
2
3
4
5
6
7
8
9
10
.clearfix:after {
content: "";
display: block;
height: 0;
/*visibility: hidden;*/
clear: both;
}
.clearfix {
*zoom: 1; /*由于IE6-7不支持:after,使用 zoom:1触发 hasLayout*/
}

See the Pen QmdrBm by kuleyu (@kuleyu) on CodePen.


参考

  1. 那些年我们一起清除过的浮动

[20]: