IE 6不支持min-height或max-width等屬性的完美解決方案

又是IE6?。?!坑日f腎E6,不支持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 。否則還是不會顯示超出 。

相關經驗推薦