Skip to main content

元素最大高度 max-height

Docs

max-height | MDN (mozilla.org)

CSS 属性 max-height 设置元素的最大高度。它防止height属性的使用值（used value）大于 max-height 的指定值。

max-height 会覆盖height, 而min-height 会覆盖 max-height.

/* <length> value */
max-height: 3.5em;

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

/* Keyword values */
max-height: none;
max-height: max-content;
max-height: min-content;
max-height: fit-content(20em);

/* Global values */
max-height: inherit;
max-height: initial;
max-height: unset;

语法​

max-height =
  none                                      |
  <length-percentage [0,∞]>                 |
  min-content                               |
  max-content                               |
  fit-content( <length-percentage [0,∞]> )

<length-percentage> =
  <length>      |
  <percentage>

示例​

Loading Github Gist ...