最小高度和最大高度属性值之间的实现差异

Question

如附图所示，当我们应用min-height: none是无效语法时，而max-height: none是有效语法。并且max-height: auto是无效的语法，min-height: auto是有效的语法。

但是当我查看文档min-height，max-height时，它指出：

无

：

对盒子的大小没有限制。

我在 w3c 上找不到确切的实现细节。 任何人都知道为什么在min-height和max-height属性值中应用这个逆概念吗？或者，这仅仅是浏览器的一个错误，没有实现它们？

有人可以说文档说明了none的值，我们不必担心。但是我之所以这样问，是因为文件中存在语法错误可能会影响性能-不过，这只是一点意见。

Answer 1

如果您选中CSS2 specification，则可以阅读：

无

（仅在“最大高度”上）对盒子的高度没有限制。

none对min-height（也是min-width）来说不是有效值，而auto对两者都不是有效值。

---

Box Sizing Module Level 3中引入了auto值，而不是仅0的默认min-height值

注意：auto的初始值为new；在[CSS2]中，初始值为零。

之所以为auto / min-height引入min-width值是因为Flexbox和CSS网格中auto的值不会计算为0 < / p>

注意：auto关键字（代表自动最小尺寸）是min-width和min-height属性的新初始值。关键字先前是在此规范中定义的，，但现在在CSS Sizing模块中定义。 ^ref

注意：min-width和min-height的自动值会影响相关轴上的轨道尺寸，这与它影响弹性项目的主要尺寸的方式类似。请参见第6.6节“网格项目的自动最小大小”。 ^ref

我认为我们可以假设在Flexbox和CSS Grid范围之外，auto将计算为0