亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

復(fù)制代碼
代碼如下:

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

最小寬度的解決

復(fù)制代碼
代碼如下:

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

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

相關(guān)文章

最新評(píng)論