我們常常為了設置一個頁面最小高度來實現整頁內容未充實情況下也顯示的美觀，有時設置圖片最大寬度不撐破設置的寬度，我們就可以設置一個最小高度使用min-height 來實現，設置最大寬度限制使用CSS屬性中max-width來實現。但是問題來了IE7及以上版本支持，但是唯有IE6不支持min-height ，MAX-height 、max-width、min-width,怎么辦呢？

DIVCSS5介紹一種使用css hack來解決，大家知道一般我們對對象設置寬度或高度，如果圖片或內容大于設置的寬度IE6就會撐破設置的寬度和高度，這是我們可以利用這一點加上IE6獨特CSS識別符合“_”來解決問題

比如我們一個網頁要設置個最小高度為500px才好看，但是IE6不支持怎么辦呢？
正好我們就利用CSS屬性從左到右讀取、從上到下的重復屬性替換最下最右的CSS屬性值。

具體CSS代碼如下：

.div{min-height:500px;_height:500px;}

注意：一定注意順序，前者IE7及以上所有IE、火狐、谷歌都支持，后者只有IE6支持辨認，正好利用了此CSS HACK和CSS讀取先后順序來解決此問題。

當然還有直接以下CSS代碼：

.div{height: expression(this.height> 500 ? 500 : true);  max-height: 500px;}

但是此CSS代碼會引起圖片加載后不能正常顯示（圖片隨機會被縮小無法正常顯示）

所以我們推薦使用min-height:500px;_height:500px;來解決IE6不能max和min屬性的問題。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

駝峰命名與JS的問題解答

JS里的布爾值、關系運算符、邏輯運算符的詳解及實例

前端的js框架總結以及用途講解

以上就是max-width和min-height不被IE6支持的解決方法的詳細內容，更多請關注php中文網其它相關文章！