终极版一:
1
2
3
4
5
6
7
|
.clearfix:after {
content
:
"\200B"
;
display
:
block
;
height
:
0
;
clear
:
both
;
}
.clearfix {*zoom:
1
;}
/*IE/7/6*/
|
解释下:content:"\200B";这个参数,Unicode字符里有一个“零宽度空格”,即 U+200B,代替原来的“.”,可以缩减代码量。而且不再使用visibility:hidden。
终极版二:
1
2
3
4
5
6
7
8
|
.clearfix:before,.clearfix:after{
content
:
""
;
display
:table;
}
.clearfix:after{
clear
:
both
;}
.clearfix{
*zoom:
1
;
/*IE/7/6*/
}
|