冰剑'blog

方法1.
清楚浮动以前自己一直用.cl{clear:both;overflow:hidden;height:0;font-size:0;}
然后

方法2.
以前一直不知道after这个东西是干什么的？原来也可以用来清楚浮动！
发代码吧，一直觉得代码能说明一切。
css

<br/>ul {zoom:1}<br/> ul:after {<br/> content:"";<br/> display:block;<br/> height:0;<br/> line-height:0;<br/> clear:both;<br/> visibility:hidden;<br/>}<br/>

html

<br/><br/><ul><br/>    <li>检查链接</li><br/>    <li>检查链接</li><br/>    <li>检查链接</li><br/>    <li>检查链接</li><br/>    <li>检查链接</li><br/>    <li>检查链接</li><br/></ul><br/><br/>

方法3. 还有一个方法就是用overflow来清除浮动
方法如下：
在要清楚浮动的容器上添加overflow:auto;
css

<br/>div1 {width:200px;overflow:auto;zoom:1;}/*zoom针对IE6*/<br/>div2 {float:left;width:50px;height:50px;}<br/>div2 {float:right;width:50px;height:100px;}<br/>

<br/><div class="div1"><br/>     <div class="div2"></div><br/>     <div class="div2"></div><br/></div><br/>