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

最小高度的解决

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

  最小宽度的解决

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

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

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

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

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

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

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

转自 http://www.iwms.net/n2282c40.aspx

原文地址:https://www.cnblogs.com/zhenzhong/p/3356876.html