讓IE6也有最小高度min-height的效果
布局過的人都知道CSS的最小高度min-height是個很有用的屬性，它可以讓很短的內(nèi)容也有一個很合適的高度，使頁面顯得美觀。但很可惜IE6不支持這一屬性。怎么辦呢？我們可以用另外一種方法讓IE6也有最小高度min-height屬性的效果。

眾所周知，如果內(nèi)容超過元素的高度，那么IE6是會自動增加元素的高度，即使你明確的定義了元素的高度。我們可以利用IE6的這個bug來讓IE6也有最小高度min-height屬性的效果。具體代碼如下：

height:auto !important;
height:500px;
min-height:500px;
解釋：

1、由于IE6對!important的解釋存在bug，所以它只識別height:500px這一句，超過500px后，IE6自身會增加盒子的高度；

2、IE7和其他標(biāo)準(zhǔn)瀏覽器三句都能識別，雖然定義height:500px，但我們又有了height:auto !important，所以超過500px也能自動增加盒子的高度。

三句代碼讓IE6也有了最小高度min-height的效果，簡單又實用，不錯吧。