复制代码 代码如下:
#content{background:#000;}
.left{width:100px;height:100px;background:#eee;margin:0 10px;float:left;}
所以我们在使用浮动进行布局的时候会需要一个块级元素（行内元素无效）来设置 clear 属性，如果浮动元素下方本来就有元素，那我们可以直接对该元素设置 clear:both ，若没有其他元素需要展示，我们往往会写一个空白标签来清除浮动
复制代码 代码如下:
<div style="clear:both"></div>
但是这样无疑会增加浏览器的渲染负担，所以考虑使用伪元素 :after 来代替这个空白标签，因为清除浮动需要在浮动元素后面，所以不可以使用 :before ，对 :after 设置 content:"" ，并使其 display:block 成为块级元素后 clear:both 来清除浮动：
复制代码 代码如下:
#content:after{content:"";display:block;clear:both;}
该方法在 ie6、7 中无效，需要对 #content 设置 zoom:1。
本文地址：http://www.45fan.com/dnjc/9575.html