欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

IE6不支持CSS中的min-width/height屬性問題的解決方法

  發(fā)布時間：2009-09-08 17:34:42   作者：佚名   我要評論
min-width與min-height在css中是相當好用的語法，可以讓HTML元素最少仍保持一定的寬和高，而需要時仍隨著元素的內(nèi)容增加寬和高。
這么好的語法，偏偏IE 6不支持，不過說不支持也不準確，事實上IE6本身在指定height與width的值時，就具有min-width和min-height的特性，只是如果單純用height或width來指定，到了Firefox或IE 7時，又會把它當作是鎖死的值，不會因內(nèi)容增加而擴大元素的box。
解決的方法先看語法。
最小高度的解決

復制代碼
代碼如下:

.Elm {
min-height:100px;
height: auto !important;
height: 100px;
}

最小寬度的解決

復制代碼
代碼如下:

.Elm {
min-width:100px;
width: auto !important;
width: 100px;
}

里面的秘訣，是先利用較新的瀏覽器識別min-width/height，透過它來指定值,而IE6則是透過width/height取值。
不過這里有個沖突，就是新的瀏覽器也識別width/height，因此min-width/height會被width/height改寫，解決的辦法，就是中間那一行。
height: auto !important;(以及width: auto !important;)
由于它標示!important，所以下面那行height無法取代上面這一行，見解變成新的瀏覽器忽視掉第三行，而讓高度不受第三行影響。
另外由于IE6不識別 min-height和 !important屬性，所以它還是取第三行的語法，這樣就可以相安無事，皆大歡喜。

相關文章

最新評論