又是IE6!!!坑人的IE6,不支持min-height,但是實際操作中,這個屬性是非常需要的。那IE6下面怎么實現呢?請看geniusalien提供的完美解決方案:
(geniusalien溫馨提示:本文的min-height操作方式試用於min-width、max-width、max-height。一樣按下面的解決方案進行!)
第一種方法:我們可以利用IE6不識別!important來實現:
height:auto !important;
height:100px;
min-height:100px;
這三句話,可以實現IE6下面min-height值為 100px ,我也不知道為什么會這么神奇,但是它就是解決問題了。
第二種方法:overflow:visible屬性實現:
min-height:100px;
_height:100px;
overflow:visible;
第二種方法說明一下:
min-height:100px;這一句在ie7和FF已經可以正常顯示了
_height:100px這一句在ie6,ie5測試顯示正常。但不能過W3C驗證
overflow:visible;這一句為了注明#test當內容超過100px時就自動延長。
注意:你必須保證#test以外的都要是overflow:visible。否則還是不會顯示超出。