本文和大家重點討論一下如何控制DIV最小高度又DIV自適高度問題，如果我們需要設置一個div高度，當里面的東西超過這個高度時，讓這個容器自動被撐開，也就是DIV自適應高度。當里面的信息很少時候，我們就設置它一個最小的固定高度。

如何控制DIV最小高度又DIV自適高度

我們在用div布局的時候經常會遇到這樣的一種情況：我們需要設置一個DIV高度，當里面的東西超過這個高度時，讓這個容器自動被撐開，也就是DIV自適應高度。當里面的信息很少時候，我們就設置它一個最小的固定高度。

我們知道，在IE6中，如果子容器的高度超過父容器的時候，父容器會被子容器撐開，所以我們可以直接設置一個height的高度值即可。但是在IE7和firefox就不行了，它不會自動撐開。

如果要設置DIV自適應高度，我們可以采用height:auto;這個屬性；不過這個屬性IE6又不支持了。是不是很頭痛？其實解決這個問題不難，而且方法也不少，這里推薦一種：(假設我們需要控制的這個DIV最小高度是100px，超過時就讓里面的信息自動撐開)： 

.div{  
 
height:auto!important;  
 
height:100px;  
 
min-height:100px  
 
}  

 注釋：因為!important在IE7和Firefox都可以讀到，而且權重高于后面的height:100px；所以當在IE7和Firefox顯示的時候，就會用了前面的height:auto!important;而IE6識別不了!important，auto對它也不管用，因此會應用了后面的height:100px的樣式；而min-height:100px表示DIV最小高度為100px；此屬性在IE7和firefox都可以識別。

這樣一個完美的即可以設置DIV最小高度，又可以DIV自適應高度的css樣式就出來了，同時兼容了IE6、IE7和firefox！

【編輯推薦】

1. DIV+CSS滑動門技術簡介
2. DIV自適應高度寫法簡介
3. 14大CSS工具提高網頁設計效率
4. 實現DIV圖片居中方法揭秘
5. 鼠標經過時改變DIV背景顏色的三種途徑