最好用的—:after伪元素法:
1 2 3 4 5 6 7 8 9 10
| .clearfix:after { content: ""; display: block; height: 0; clear: both; } .clearfix { *zoom: 1; /*由于IE6-7不支持:after,使用 zoom:1触发 hasLayout*/ }
|
See the Pen QmdrBm by kuleyu (@kuleyu) on CodePen.
参考
- 那些年我们一起清除过的浮动
[20]: