繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > IE6不支持CSS中的min-width/height属性问题的解决方法
- CSS样式表
- web标准知识：用途相似的标签
- 文本框css关闭输入法
- CSS DIV制作梯形状的不规则网站导航
- 优化CSS在网页中的加载方式
- IE对网页中引入CSS样式表的限制
- 以HTML为基础学习DIV CSS
- 关于CSS 框架的论述
- 网页制作人员在设计网页时注意的细节
- CSS样式表教程：浏览器默认样式
- CSS教程：汇总CSS初学者的几个技巧
- CSS设计网页时的一些常用规范
- 网站字体大小 CSS该重新改写？
- cookie和dom操作调用样式表实现网页换肤
- CSS初学：如何修改Zblog中的CSS
- 网页制作之学习CSS的理由
- 动态加载外部CSS与JS文件
- CSS教程：CSS放入网页的几种方式
- CSS教程：媒体类别语法
- Javascript动态创建 style 节点
- CSS网页隔行换色技巧
CSS样式表 中的 IE6不支持CSS中的min-width/height属性问题的解决方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 194 ::
收藏到网摘: n/a
这么好的语法，偏偏IE 6不支持，不过说不支持也不准确，事实上IE6本身在指定height与width的值时，就具有min-width和min-height的特性，只是如果单纯用height或width来指定，到了Firefox或IE 7时，又会把它当作是锁死的值，不会因內容增加而扩大元素的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属性，所以它还是取第三行的语法，这样就可以相安无事，皆大欢喜。
评论 (0) All
