郑州Net俱乐部 / 浮动清理

例子:
<div class="news">
<img src="new-pic"/>
<P>Some Text</P>
</div>
样式:
.news{ backgroup-color:gray; border:1px solid black; }
.new-pic{ float:left; }
.new p { float:right; }

浮动清理的方法:

1. 加一个Div专用于清理.在例子中<p>的后面加<div style="clear:both;"></div>.
2. 对容器Div进行了浮动.在样式news中的加入float:left.
3. 使用overflow的hidden或auto属性。他们会自动清理包含的任何浮动元素。
4. 用:after伪类，如下：

<div class="news clear">
<img src="new-pic"/>
<P>Some Text</P>
</div>
.clear:after {
 content:".";
 heitht:0;
 visibility:hidden;
 display:block;
 clear:both;
 }