Opera中min-height: auto无法正常工作

Question

我注意到在Opera浏览器中min-height无法正常工作。我正在尝试以下代码：

<div class="content"><div>
<div class="content newstyle"><div>

我的CSS代码如下：

.content {
    min-height: 600px;
}
.newstyle {
    min-height: auto;
}

而 Opera 浏览器似乎不支持 min-height 属性。
如果我在 .newstyle 中应用其他样式，例如背景或其他任何样式，则可以正常工作。但是 min-height: auto 似乎无法正常工作...

你有什么想法吗？

- Alvaro

Answer 1

CSS2.1规定min-height的初始值为0而不是auto。 在CSS2.1中，auto这个值从未存在过，因此在CSS2.1中无效。只需使用min-height: 0即可：

.content {
    min-height: 600px;
}
.newstyle {
    min-height: 0;
}

- BoltClock

---

它已经从Flexbox模块中删除，因此TR链接锚点#min-size-auto不再有效。 - danorton

@danorton：谢谢，我已经完全删除了flexbox的引用。 - BoltClock

对于那些在寻找答案的人，Safari 中也会发生同样的事情。稍微有点烦人的是，如果你在 Chrome 中进行开发，你不会注意到这一点，因为 Chrome 允许你仍然使用自动填充。 :) - Tim Malone

Answer 2

auto; 不是 min-height 属性的有效值，因此 Opera 忽略它...

您可以使用 px、cm 等单位或者 % 或 inherit 来指定 min-height。

Sitepoint 参考资料

- Mr. Alien

---

最小高度：0。没关系，是我太蠢了 :) 谢谢！ - Alvaro

@BoltClock min-height: 0 的作用是什么？因为浏览器默认 div 的高度设置为 auto。 - Mr. Alien

@Mr. Alien：他想将 min-height 重置为默认值，而该值为0。请记住我们谈论的是 min-height 而不是 height - 它们是两个不同的东西。 - BoltClock

@BoltClock 没错，但如果我将min-height设置为0会发生什么？无论如何，即使我不指定高度，它的高度也将为0。 - Mr. Alien

在HTML中，.content类在两个div上都存在，他想要为.newstyle重置它。 - BoltClock