CSS中关于清除浮动的问题

1.采用:after的方法清除浮动

优点：避免在html里插入多余的标签

详情：http://www.positioniseverything.net/easyclearing.html

整理成一个通用的.clearfix

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

content:'.'的作用是在清除元素的内容后边添加一个“点”，当然添加其他也可以，只是"点"简单。

display:block之所以设成block，是为了后面clear:both的操作，只有块级元素对clear:both;有效。

height:0;visibility:hidden;把:after插入的内容高度设成0,可见度设成隐藏。

再修复浏览器兼容的bug

.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */

参考：http://www.cssforest.org/blog/index.php?id=77