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