1、有時候，我們希望容器有一個固定高度，但當其中的內容多的時候，又希望高度能夠自適應，也即容器在縱向能被撐開，且如果有背景，也能夠自適應。在一般情況下，使用min-height即可解決。但是廣大網民的首選瀏覽器ie6並不支持min-height。ie7，opera，火狐，谷歌沒有問題。所以采用以下寫法可以解決兼容性：
height:auto!important;
height:200px;
min-height:200px;
2、很多朋友反映用上面的方法后，在有些時候依然無法解決容器無法撐開自適應的問題。那一定是有容器嵌套的情況下，而子容器又是浮動的。例如：
<div class="test"> <ul> <li>內容1</li> <li>內容1</li> </ul> </div>
其中class為test的div有浮動的li，當li比較多的時候，即便是div設置的是最小高度min-height，也無法被撐開。 原因就在於作為子容器的li是浮動的 。在這種情況下，即便是li的內容超過了div的高度，div也無法撐開。
解決方法如下：
在浮動的容器后面，父容器結束之前加入一個div，代碼如下：
<div class="test"> <ul> <li>內容1</li> <li>內容1</> </ul> <div class="clearfloat"></div> </div> .clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
這樣就實現了div高度自適應。