[转]清除浮动的几种方法

注：本文转自：http://bbs.miaov.com/viewthread.php?tid=431&extra=page%3D2
浮动是一个有意思（你也可以说它很麻烦）的CSS属性，任何元素设置了浮动，层级就提高了，会影响它后面没设置浮动的元素，这些倒霉的被影响者会跑到浮动层的下面去（当然IE6、IE7除外），代码看起来是这样：

<div style="width: 100px; height: 100px; border: 1px solid #333; float: left;"></div>

<div style="width: 120px; height: 140px; background: #eee;"></div>

复制代码

效果：

<div style="width: 160px; border: 1px solid #333; padding: 10px;">

        <div style="width: 120px; height: 140px; background: #eee; float: left;"></div>

</div>

复制代码

如图：

<div style="width: 160px; border: 1px solid #333; padding: 10px;">

        <div style="width: 120px; height: 140px; background: #eee; float: left;"></div>        

        <div style="clear: both; height: 0; font-size: 1px;"></div>

</div>

复制代码