多種方法解決min-width 不兼容ie6的問題
發(fā)布時(shí)間：2013-10-16 16:25:23 作者：佚名 
我要評(píng)論
我要評(píng)論min-width 不兼容ie6的情況，想必大家都有遇到過吧，下面有幾種不錯(cuò)的解決方法，感興趣的朋友可以參考下
方法一：
height:auto!important;
height:580px;
min-height:580px;
把以上三行代碼加到需要最小寬度的div里即可，原理是使用IE6本身的BUG(當(dāng)塊級(jí)元素內(nèi)部的東西超出此塊級(jí)元素的高度時(shí)，塊級(jí)元素的高度會(huì)被撐開，也就是說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(當(dāng)塊級(jí)元素內(nèi)部的東西超出此塊級(jí)元素的高度時(shí)，塊級(jí)元素的高度會(huì)被撐開，也就是說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中是相當(dāng)好用的語法，可以讓HTML元素最少仍保持一定的寬和高，而需要時(shí)仍隨著元素的內(nèi)容增加寬和高。2009-09-08- 首先我們知道這個(gè)效果應(yīng)該是一個(gè)老話題了。 今天整理文件的時(shí)候，發(fā)現(xiàn)自己以前的一些布局的解決方法躺在文件夾里很長時(shí)間了，翻翻老底吧 需要說明的是有幸也見到過CSSPLAY2008-10-17
IE6支持max-width/height與min-width/height(完美解決方案)
IE6支持最大寬度,IE6支持最小寬度以及讓IE6支持min-width同時(shí)又支持max-width解決方案，代碼很簡(jiǎn)潔功能很實(shí)用，有需求的朋友可以參考下哈，希望可以幫助到你2013-03-22min-height和min-width兩個(gè)最小高度和最小寬度兼容多瀏覽器版本
min-height和min-width這兩個(gè)最小高度和最小寬度的容器屬性相信大家并不陌生,本文介紹了min-height和min-width兼容多瀏覽器版本做法，有需要的同學(xué)可看看,先說說min-height2012-12-18- 如果一個(gè)元素沒有設(shè)置最小寬度(min-width)，這時(shí)當(dāng)瀏覽器縮小到一定程度時(shí)，元素中的布局可能會(huì)發(fā)生變化，如果想要保持不變可以給元素（如div)設(shè)置最小寬度屬性，有此需求2013-08-16
- min-width 屬性設(shè)置元素的最小寬度，該屬性值會(huì)對(duì)元素的寬度設(shè)置一個(gè)最小限制。因此，元素可以比指定值寬，但不能比其窄。不允許指定負(fù)值。2014-10-22