使用DIV控制最小高度和自適高度
你對DIV控制最小高度又自適高度的方法是否熟悉，這里和大家分享一下，如果我們需要設(shè)置一個DIV高度，當(dāng)里面的信息很少時候，我們就設(shè)置它一個最小的固定高度，相信本文介紹一定會讓你有所收獲。
DIV控制最小高度又自適高度
我們在用DIV布局的時候經(jīng)常會遇到這樣的一種情況：我們需要設(shè)置一個DIV高度，當(dāng)里面的東西超過這個高度時，讓這個容器自動被撐開，也就是自適應(yīng)高度。當(dāng)里面的信息很少時候，我們就設(shè)置它一個最小的固定高度。
我們知道，在IE6中，如果子容器的高度超過父容器的時候，父容器會被子容器撐開，所以我們可以直接設(shè)置一個height的高度值即可。但是在IE7和firefox就不行了，它不會自動撐開。
如果要使用DIV控制自適應(yīng)高度，我們可以采用height:auto;這個屬性；不過這個屬性IE6又不支持了。是不是很頭痛？其實解決這個問題不難，而且方法也不少，這里推薦一種：(假設(shè)我們需要控制的這個DIV的最小高度是100px，超過時就讓里面的信息自動撐開)：
- .DIV{
- height:auto!important;
- height:100px;
- min-height:100px
- }
注釋：因為!important在IE7和Firefox都可以讀到，而且權(quán)重高于后面的height:100px；所以當(dāng)在IE7和Firefox顯示的時候，就會用了前面的height:auto!important;而IE6識別不了!important，auto對它也不管用，因此會應(yīng)用了后面的height:100px的樣式；而min-height:100px表示最小高度為100px；此屬性在IE7和firefox都可以識別。
這樣一個完美的即可以使用DIV控制最小高度，又可以自適應(yīng)高度的css樣式就出來了，同時兼容了IE6、IE7和firefox！
【編輯推薦】
- JavaScript巧解IE6至IE8兼容問題
- JavaScript代碼輕松實現(xiàn)DIV圓角
- 深入學(xué)習(xí)CSS DIV相對定位語法
- 使用DIV+CSS布局網(wǎng)站的四大缺陷
- Firefox、IE7、IE6瀏覽器兼容問題概念解析
