CSS清浮动_html/css

　　[2]

　　<注意>虽然clear属性只应用于块级元素，但在除IE7-以外的其他浏览器都可以将clear属性应用于
元素

　　[3]为浮动元素的after伪元素设置clear属性

　　.clear:after{content:""; display: block; clear: both;}

　　<注意>IE7-浏览器不支持after伪元素

【2】BFC

　　[1]float: left/right

　　[2]position:absolute/fixed

　　[3]display:inline-block/table-cell/table-caption/flex

　　[4]overflow:hidden/scroll/auto

　　关于BFC的详细信息移步至此

【3】IE7-

　　关于IE7-浏览器有一个其特有的属性haslayout，当触发包含块的haslayout时，浮动元素被layout元素自动包含

　　[1]display:inline-block

　　[2]height/width:除auto外

　　[3]float: left/right

　　[4]position: absolute

　　[5]writing-mode: tb-rl

　　[6]zoom: 除normal外

　　关于haslayout的详细信息移步至此

兼容

　　在所有浏览器中都兼容的清浮动方案如下：

.clear:after{content:""; display: block; clear: both;}.clear{zoom: 1;}