小编典典

高度:100%VS最小高度:100%

css

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

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


阅读 256

收藏
2020-05-16

共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之前)。

2020-05-16