1. .clear{clear:both;line-height:0;} ---》创建空标签来实现
2：
.clearfix:after {
content:"200B";
display:block;
height:0;
clear:both;
}
.clearfix {*zoom:1;}/*IE/7/6*/
（content:”200B”;这个参数，Unicode字符里有一个“零宽度空格”，即 U+200B，代替原来的“.”，可以缩减代码量。而且不再使用visibility:hidden。）
3：
.clearfix:before,.clearfix:after{
content:"";
display:table;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}
原文：http://www.cnblogs.com/sadydai/p/5453912.html