多种方法解决min-width 不兼容ie6的问题
发布时间：2013-10-16 16:25:23 作者：佚名 
我要评论
我要评论min-width 不兼容ie6的情况，想必大家都有遇到过吧，下面有几种不错的解决方法，感兴趣的朋友可以参考下
方法一：
height:auto!important;
height:580px;
min-height:580px;
把以上三行代码加到需要最小宽度的div里即可，原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时，块级元素的高度会被撑开，也就是说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');
}
复制代码
代码如下:height:auto!important;
height:580px;
min-height:580px;
把以上三行代码加到需要最小宽度的div里即可，原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时，块级元素的高度会被撑开，也就是说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');
}
相关文章
IE6不支持CSS中的min-width/height属性问题的解决方法
min-width与min-height在css中是相当好用的语法，可以让HTML元素最少仍保持一定的宽和高，而需要时仍随着元素的內容增加宽和高。2009-09-08- 首先我们知道这个效果应该是一个老话题了。 今天整理文件的时候，发现自己以前的一些布局的解决方法躺在文件夹里很长时间了，翻翻老底吧 需要说明的是有幸也见到过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- 如果一个元素没有设置最小宽度(min-width)，这时当浏览器缩小到一定程度时，元素中的布局可能会发生变化，如果想要保持不变可以给元素（如div)设置最小宽度属性，有此需求2013-08-16
- min-width 属性设置元素的最小宽度，该属性值会对元素的宽度设置一个最小限制。因此，元素可以比指定值宽，但不能比其窄。不允许指定负值。2014-10-22
最新评论