CSS浮动

一、清除浮动的方法

方法	使用	例如	优点	缺点
额外标签法	通过在末尾添加一个空的标签	<div style="clear:both"></div>	通俗易懂	添加许多无实义的标签，结构混乱
父级添加overflow属性方法	通过触发BFC方式，清除浮动	给父级添加：overflow：hidden或auto 、scroll	代码简洁	内容增多时容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素
使用after伪元素清除浮动	通过伪元素来清除浮动	.clearfix:after{content:".";display:block;height:0;clear:botn;visibility:hidden};.clearfix{*zoom:1}	符合闭合浮动思想，结构语义化正确	由于IE6-7不支持：after，使用zoom:1触发hasLayout
使用before和after双伪元素清除浮动		.clearfix:before,.clearfix:after{content:".";display:table;}.clearfix:after{clear:both}.clearfix{*zoom:1}`	代码简洁	由于IE6-7不支持：after，使用zoom:1触发hasLayout