最小高度的解决
.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