热搜：编程 Python Microsoft 编程语言 C++

IE6不支持CSS中的min-width/height属性问题的如何解决方法

发布时间：2023-05-26 04:09:02 来源：互联网

.

溪水很清澈，小鱼小虾都看的一清二楚。你看一群群的小鱼在前面游来游去，那只小虾从石头缝里爬出来向诱饵靠近，还有还有那只红钳子的大虾夹住了诱饵，哦，上钩咯！溪水上的钱币也随着一晃一晃的，星星点点的，投到了水面上，投到了石头上，还投到了我们的身上。夕阳西下暑气渐渐消退，我们也都相伴着回家了，带回去的不仅仅只有那些小虾……

这么好的语法，偏偏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属性，所以它还是取第三行的语法，这样就可以相安无事，皆大欢喜。

本文IE6不支持CSS中的min-width/height属性问题的如何解决方法到此结束。在这个忧伤而明媚的三月，我从我单薄的青春里打马而过，穿过紫堇，穿过木棉，穿过时隐时现的悲喜和无常。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:

标签： 不支持方法