我使用此 CSS<div>将最大高度设置为
<div>
谁能给我一个普遍的答案,height: 100% 和 之间有什么区别min-height: 100%?
height: 100%
min-height: 100%
这是W3Clink的解释:
以下算法描述了两个属性[min-height和max-height]如何影响’height’属性的使用值: 临时使用的高度是根据上面“计算高度和边距”下的规则计算的(不包括“最小高度”和“最大高度”)。 如果此暂定高度大于“最大高度”,则会再次应用上述规则,但是这次使用“最大高度”的值作为“高度”的计算值。 如果生成的高度小于“最小高度”,则再次应用上述规则,但是这次使用“最小高度”的值作为“高度”的计算值。
以下算法描述了两个属性[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之前)。
height:100%
max-height:50%
min-height:100%