关于清除浮动的问题。一招解决

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

.clearfloat{zoom:1}

原理：IE8以上和非IE浏览器才支持：after，原理有两点类似的，zoom可以解决ie6，ie7浮动问题。

优点：浏览器支持好，不容易出问题。

缺点：代码多。新手基本不理解。需要两句代码结合才支持主流浏览器。