使用:after清除浮动

特点：不需要另外加个清除DIV

:after（伪对象）--设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。

.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
}

设display:block;应用到:after元素，因为display的默认值是"inline", 不能收到clear的特性，同时将清除容器的高度设为零，height: 0；，可见度为隐藏。

加上下面的CSS样式

.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1％;}
.wrapfix {display: block;}
/* End hide from IE-mac */

就可以适用任何浏览器了。

content:"." ;

的意思仅仅是给添加一个点“.”的内容进去，具体的值和产生的效果是没有关系的。
因为height已经设为0，而且visibility: hidden。

这里是为了简单和节省字符，才用了"."。