你好,游客 登录 注册 搜索
背景:
阅读新闻

解决IE6不支持css min-width与min-height

[日期:2011-07-03] 来源:嘟嘟  作者: [字体: ]

  最小高度的解决

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

  最小宽度的解决

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

  里面的祕诀,是先利用较新的浏览器认得min-width/height,因此透过它来指定值,而IE旧版的浏览器则是透过width/height取值。

  不过这里有个冲突,就是新的浏览器也认得width/height,因此min-width/height会被width/height改写,解决的办法,就是中间那一行

  height: auto !important;(以及width: auto !important;)

  由于它标示!important,所以下面那行height无法取代上面这一行,间接变成新的浏览器忽视掉第三行,而让高度不受第三行影响。

  另外由于旧的IE浏览器不认得 min-height和 !important的意思,所以它还是只吃第三行的语法,这样就可以相安无事,皆大欢喜。

  另:如果里边的文字需显示在一行,可添加样式表 white-space:nowrap

收藏 推荐 打印 | 录入:木鸟 | 阅读:
相关新闻      
本文评论   查看全部评论 (5)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 5 楼
* 匿名 发表于 2015-1-13 10:21:10
回复 匿名 的评论
没有解决IE6 中 css min-width与min-height
ie6的height起着和min-height一样的效果,可以测试一下
第 4 楼
* 匿名 发表于 2014-12-26 16:55:57
还是没有解决,如果我的div根本不想设置高度来,那么第三行是废物,但是去掉第三行浏览器又不认识,所以还是没有解决
第 3 楼
* 匿名 发表于 2013-4-2 16:53:58
没有解决IE6 中 css min-width与min-height
第 2 楼
* 匿名 发表于 2013-1-10 8:45:24
还是没有解决最小高度的问题
第 1 楼
* wotuofamen会员 发表于 2013-1-9 3:40:01
由于它标示!important,所以下面那行height无法取代上面这一行,间接变成新的浏览器忽视掉第三行,而让高度不受第三行影响www.shwtfm.com www.wtfm.cc
热门评论
* 匿名 发表于 2013-4-2 16:53:58
没有解决IE6 中 css min-width与min-height
* 匿名 发表于 2013-1-10 8:45:24
还是没有解决最小高度的问题
* 匿名 发表于 2014-12-26 16:55:57
还是没有解决,如果我的div根本不想设置高度来,那么第三行是废物,但是去掉第三行浏览器又不认识,所以还是没有解决
* 匿名 发表于 2015-1-13 10:21:10
ie6的height起着和min-height一样的效果,可以测试一下
* wotuofamen会员 发表于 2013-1-9 3:40:01
由于它标示!important,所以下面那行height无法取代上面这一行,间接变成新的浏览器忽视掉第三行,而让高度不受第三行影响www.shwtfm.com www.wtfm.cc