清除浮动的几种方法（二）

清楚浮动的方法？
答：
首先明白：什么是浮动问题，浮动问题就是当父容器没浮动，子容器浮动了，那么当子容器的高度超过父容器的高度时候，父容器不会自动撑开。因为一个是文档流，一个是浮动流。
A: 父容器内放一个： <div style=”clear:both”></div> 可让它有意义
B: 父容器的 css: overflow:hidden;width:auto; 也行， 会有问题，比如父容器弹出一个框
如果只写 overflow:hidden 的话， IE6 下无效，所以需要加上 width:auto 或 zoom:1
C: 父容器也浮动，这样大家都是浮动流了。浮动没清楚，布局效果一样
D: 父容器使用伪类清楚浮动，
但是对 IE 浏览器无效， IE 下还得加上： #outer {display: inline-block;}
#outer:after {
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
}
使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置 height:0 ，否则该元素会比实际高出若干像素；二、 content 属性是必须的， display:block 必须有

随便写了写，如果要看更详细的，请点击：
http://blog.csdn.net/thomas_chen/archive/2008/07/07/2622219.aspx

文章来源：http://blog.csdn.net/jaycxing/article/details/5850148