max-height

介绍

用来给给定元素设置最小长度。它可以阻止height属性的应用值大于max-height的值。 max-height的值会覆盖height和min-height 。

取值

• <length> 以固定值为外边距。

• <percentage> 相对于包含块的宽度，以百分比值为外边距。

• 默认值 无限大 px

样例：

/* <length> */
max-height: 120px;
max-height: 10em;

/* <percentage> */
max-height: 75%;

标准化语法

<length> | <percentage>

与 Web 的区别

• mdn:max-heightopen in new window

暂时不支持 inherit、initial、revert、unset、max-content、min-content、fit-content 等取值。

max-height会覆盖min-height