高度：100％VS最小高度：100％

Question

我使用此 CSS<div>将最大高度设置为

谁能给我一个普遍的答案，height: 100% 和 之间有什么区别min-height: 100%？

Answer 1

这是W3Clink的解释：

以下算法描述了两个属性[min-height和max-height]如何影响’height’属性的使用值：

临时使用的高度是根据上面“计算高度和边距”下的规则计算的（不包括“最小高度”和“最大高度”）。

如果此暂定高度大于“最大高度”，则会再次应用上述规则，但是这次使用“最大高度”的值作为“高度”的计算值。

如果生成的高度小于“最小高度”，则再次应用上述规则，但是这次使用“最小高度”的值作为“高度”的计算值。

总结： 基本上，如果min-height大于其他高度（无论是否指定了显式高度），则将min-
height用作高度。如果最小高度小于其他高度，则最小高度无效。

对于您给出的特定情况， 通过指定height:100%使元素的高度等于包含块的高度。（但是，这可能会被否决，例如，如果您还指定了max-height:50%。）指定min-height:100%表示如果计算出的高度小于100％，实际上，即使您明确指定的高度小于100％，也将其视为您说的那样height:100%。请注意，一个关键的区别是_max-height可以否决高度，但不能否决min-height_ （因为根据上述W3C建议，max-height被认为是在高度之后但在min-
height之前）。