清除浮动有几种方法

清楚浮动的方法？

答：

首先明白：什么是浮动问题，浮动问题就是当父容器没浮动，子容器浮动了，那么当子容器的高度超过父容器的高度时候，父容器不会自动撑开。因为一个是文档流，一个是浮动流。

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.youkuaiyun.com/thomas_chen/archive/2008/07/07/2622219.aspx