推荐的清除浮动的方法：

.clearfloat:after{

        display: block;

        content: '.';

        clear: both;                              //clear清除浮动

        visibility: hidden;q

        height: 0;

}

.clearfloat{

        zoom: 1;                                    //清除IE6、7的浮动

}

注：IE8及以上和非IE浏览器才支持after伪类，所以IE6、7清除浮动是通过zoom: 1; （是IE浏览器的专有属性） 来实现。