div {
min-height: 500px;
height:auto !important;
height: 500px;
}
这是有效的,因为(谢天谢地?)IE 对“高度”的处理方式与“最小高度”的预期处理方式相同。
来源:Dustin Diaz
使用表达式(仅限 IE)的替代方法
div {
height: expression( this.scrollHeight < 501 ? "500px" : "auto" );
}
将 IE 中的最小高度设置为 500px。确保 this.scrollHeight < 501 比您想要的最小高度大 1 像素,否则您将得到一些奇怪的结果。
这是否只适用于 IE6?IE7 不支持 min/max 高度/宽度吗?
这是否也适用于 % 值?
我不希望太明显,但是
div {
min-height: 500px;
_height: 500px;
}
更容易阅读,而且有效,不是吗?
下划线黑客将使您的 css 无效,使用 ie 表达式会影响性能,所以第一个代码片段之所以很酷就是这个原因 :)
非常感谢!:D
这些技巧中的一些的唯一问题是,如果您要在 ie 7 及更高版本中使用此技巧,则必须具有正确的文档类型才能使基于标准的 css 属性正常工作。对于 ie6 也是如此。我真的很不喜欢 IE 如何分裂了自己和 html css 程序员。一开始只有两个真正的浏览器,那就是 M$ 用这种专有方式进行摇摆的开端,让人们为 IE 编程,这样就迫使用户使用 IE。现在这已经不存在了,M$ 为保持其销售能力而需要的向后兼容性现在终于从最新版本的 IE 中挤出去了。据我所知,IE10 比 IE9 好得多。我仍然需要测试一些这些很棒的功能,即使那样也可能再次取决于文档类型。
我想通过互联网给你一个高五。谢谢!
是的!我也一样!对我来说很棒!!!xoxo
大家好,
愚蠢的问题,但这是否也适用于宽度?
它非常有效。
非常感谢。
Alok
这解决了我的问题。谢谢!
谢谢,初始代码对包括平板电脑在内的核心浏览器来说效果很好
今天偶然发现这个 - 如果这是对 **min-height: initial** 的引用,则在 IE11 中不起作用。供任何遇到此注释的人参考!
这是一个针对 IE11 的非常简单有效的修复方法:https://kmuncie.com/blog/2016/07/12/ie-11-flexbox-min-height-bug-workaround/
大家好,希望你们能帮帮我……
有一个容器 div,里面嵌套了两个浮动 div。我试图创建一种情况,即无论每个 div 中的内容有多少,浮动 div 始终具有相同的高度。
我目前尝试(并且失败)的修复方法是像上面那样设置父 div 的最小高度,然后将嵌套 div 的高度设置为 100%,但这似乎不起作用……任何帮助将不胜感激!
我正在完成一项支持 IE8 的任务,以上所有内容都没有解决我的问题 :(
form{min-height:200px; height:auto !important; _height:200px !important; }
form{height:expression(this.scrollHeight form { height:500px;overflow:visible;}
请帮忙,必须支持 IE8
谢谢!它运行起来了 :)
感谢修复 - 非常有效。