html+css清楚浮动3种方法，父级div获取高度

1、父级div中 :

                    overflow:auto;自适应高度 （必须定义width，或zoom:1,同时不能定义height；内部宽高超出父级时，会出现滚动条）

                    overflow:hidden(必须定义width，或zoom:1,同时不能定义height;不能与position连用，因为内容会被隐藏)

                    height设置高度

2、浮动后加空div标签 

     <div class="clearfloat"></div>

    .clearfloat{clear:both;}

3、父级div定义伪类：after、zoom(相当于在父级内部加载空的div)

    .clearfloat:after{display:block; content:"";height:0;visibility:hidden;clear:both;}

    .clearfloat{zoom:1;}（结局ie6和ie7的浮动）

相当于

   <div class="box clearfix"> 
<div class="l">left</div> 
<div class="r">right</div> 
<div class="s">absolute</div>
<div style="clear:both"></div> 
   </div> 

其他不适用