里面的div怎么撑开外面的div让高度自适应

⾥⾯的div怎么撑开外⾯的div让⾼度⾃适应
随着微软新操作系统的上市，ie6现在⽤的⼈越来越少了，但是XP系统看来是太过经典，仍然有相当多的⽤户在使⽤，且这部分⼈群中的⼤部分也没有单独升级浏览器的习惯，于是乎ie6依旧是使⽤最多的浏览器版本。

根据本站流量的统计，来⾃ie6的访问⽐重为72.6%。

表明了以上的观点，虽然最⾼的时候，ie6占了90%以上。

⾔归正传，div+css作为⽹页的布局已经是⼤势所趋。

它的优点不在这⾥啰嗦。

但最近经常有朋友提到关于容器⾼度⾃适应的兼容性问题。

在这⾥简单作答。

1.有些时候，我们希望容器有⼀个固定⾼度，但当其中的内容多的时候，⼜希望⾼度能够⾃适应，也即容器在纵向能被撑开，且如果有背景，也能够⾃适应。

在⼀般情况下，使⽤min-height即可解决。

但是⼴⼤⽹民的⾸选浏览器ie6并不⽀持min-height。

ie7,opera,⽕狐没有问题。

所以采⽤以下写法可以解决兼容性：
复制代码
代码如下:
height:auto!important;
height:200px;
min-height:200px;
2.很多朋友反映⽤上⾯的⽅法后，在有些时候依然⽆法解决容器⽆法撑开⾃适应的问题。

那⼀定是有容器嵌套的情况下，⽽⼦容器⼜是浮动的。

例如
<div class="fuqin"><ul><li>内容1</li><li>内容1</li></ul></div>
其中class为fuqin的div有浮动的li，当li⽐较多的时候，即便是div设置的是最⼩⾼度，也⽆法被撑开。

原因就在于作为⼦容器的li是浮动的即。

在这种情况下，即便是li的内容超过了div的⾼度，div也⽆法撑开。

解决⽅法如下：
在浮动的容器后⾯，⽗容器结束之前加⼊⼀个div
复制代码
代码如下:
<div class="fuqin"><ul><li>内容1</li><li>内容1</li&gt;</ul><div class="clearfloat"></div></div>
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}。