清除浮动方法

，或者其他标签如br也提供。优点：代码简洁缺点：当内容增多时，没有自动换行容易导致内容隐藏，需要溢出的元素无法显示。2在父级添加overflow属性的方法可以触发BFC实现清浮的效果。可以给parent加上：overflowishidden|auto|scroll就可以实现。优点：代码简洁缺点：当内容增多时，没有自动换行容易导致内容隐藏，需要溢出的元素无法显示。3使用after伪元素清除浮点数.clearfix:after{content:".";显示：块；高度：0；明确：两者；可见性：隐藏；}.clearfix{*zoom:1;}ie6,7独有优点：符合封闭浮动思路，语义结构正确缺点：由于IE6-7不支持:after，所以使用zoom:1来触发hasLayout。代表网站：百度、淘宝、网易等伪元素空格字符法内容后4位：“200B”；这个参数，Unicode字符中有一个“零宽空格”，即U+200B，代替原来的“.”，可以减少代码量。并且visibility:hidden不再使用。.clearfix:{内容:"\200B"之后;显示：块；高度：0；清除：两者；}.clearfix{*缩放：1;}.当然有些网站也用content:"0200"，都是空格的意思。代表网站：阿里巴巴等5使用before和after双伪元素清除浮动。clearfix:before,.clearfix:after{content:".";显示：表格；}.clearfix:after{clear:both;}.clearfix{*zoom:1;}优点：代码更简洁缺点：由于IE6-7不支持:after，使用zoom:1触发hasLayout。代表网站：小米、腾讯等。