css div設定最小高度又自適應高度

經常使用div布局的盆朋友應該有過這樣的經驗，並且這樣的情況並不少見：有一個 div，當它裡面的內容超過它的高度時，讓這個 div 的高度隨內容自動變化（自適應），但是如果內容很少時，又想讓這個 div 的高度保持一個固定的最小值，這樣問題就來了，我們都知道，div 在 IE7、IE8、Firefox、Opera 和 chrome 中不設定高度（或者 height:auto ）的情況下，其高度是自適應的，但如果設了高度，超出部分會自動隱藏，既（overflow:hidden），但是 IE6 這小子可不吃這一套，即使設定了高度，內容超過它的高度時也會自動被撐開。

現在，我們假設這個div的高度是240像素，對於這種情況，我們可以使用：

.mydiv {
    height:auto !important;
    height:240px;
    min-height:240px
}
說明：
IE6 識別不了 height:auto !important 和 min-height:240px，因此它的高度是240px，前面說過，IE6內容超出時 div 的高度會隨著內容的高度頁變（自適應），IE7、Firefox、Opera、Chrome 可以識別 height:auto !important ，注意這個!important 關健字在 CSS 中的優先性是大於後面的 height:240px 的，因此它的渲染結果中只接受了 height:auto !important 和 min-height:240px ，這一句就可以理解為 height:auto, min-height:240px ，就這樣，很簡單吧。