多種方法解決min-width 不兼容ie6的問題
發(fā)布時間:2013-10-16 16:25:23 作者:佚名
我要評論

min-width 不兼容ie6的情況,想必大家都有遇到過吧,下面有幾種不錯的解決方法,感興趣的朋友可以參考下
方法一:
height:auto!important;
height:580px;
min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當塊級元素內(nèi)部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同于min-height)。
方法二:
min-height:200px;
_height:200px;
方法三:
#min-width{
min-width:900px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
line-height:200px;
background:#ccc;
}
方法四:
#mpage{
width:100%;
min-width:980px;
position:relative;
_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');
}
復(fù)制代碼
代碼如下:height:auto!important;
height:580px;
min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可,原理是使用IE6本身的BUG(當塊級元素內(nèi)部的東西超出此塊級元素的高度時,塊級元素的高度會被撐開,也就是說IE6中的height屬性本身就等同于min-height)。
方法二:
復(fù)制代碼
代碼如下:min-height:200px;
_height:200px;
方法三:
復(fù)制代碼
代碼如下:#min-width{
min-width:900px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
line-height:200px;
background:#ccc;
}
方法四:
復(fù)制代碼
代碼如下:#mpage{
width:100%;
min-width:980px;
position:relative;
_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');
}
相關(guān)文章
IE6不支持CSS中的min-width/height屬性問題的解決方法
min-width與min-height在css中是相當好用的語法,可以讓HTML元素最少仍保持一定的寬和高,而需要時仍隨著元素的內(nèi)容增加寬和高。2009-09-08- 首先我們知道這個效果應(yīng)該是一個老話題了。 今天整理文件的時候,發(fā)現(xiàn)自己以前的一些布局的解決方法躺在文件夾里很長時間了,翻翻老底吧 需要說明的是有幸也見到過CSSPLAY2008-10-17
IE6支持max-width/height與min-width/height(完美解決方案)
IE6支持最大寬度,IE6支持最小寬度以及讓IE6支持min-width同時又支持max-width解決方案,代碼很簡潔功能很實用,有需求的朋友可以參考下哈,希望可以幫助到你2013-03-22min-height和min-width兩個最小高度和最小寬度兼容多瀏覽器版本
min-height和min-width這兩個最小高度和最小寬度的容器屬性相信大家并不陌生,本文介紹了min-height和min-width兼容多瀏覽器版本做法,有需要的同學可看看,先說說min-height2012-12-18- 如果一個元素沒有設(shè)置最小寬度(min-width),這時當瀏覽器縮小到一定程度時,元素中的布局可能會發(fā)生變化,如果想要保持不變可以給元素(如div)設(shè)置最小寬度屬性,有此需求2013-08-16
- min-width 屬性設(shè)置元素的最小寬度,該屬性值會對元素的寬度設(shè)置一個最小限制。因此,元素可以比指定值寬,但不能比其窄。不允許指定負值。2014-10-22