IE 火狐 高度自适应

这两天在做一个页面遇到DIV布局高度自适应的问题，IE6默认是自适应高度的，火狐和IE7 并不是 需要进行设置才可以

 

解决方案如下：

<style type="text/css">
.out {
    width:500px;
    height:100px;
    background:#000000;
}
.in {
    width:200px;
    height:200px;
    float:left;
    background:#eecc33;
}
</style>

<div class="out">
<div class="in"></div>
</div>

 

在<div class="in"></div>下面加一行：<div style="clear:both;"></div>（火狐成功）

.out 的Height：auto；IE7成功