最大高度 | CSS-Tricks

CSS 年鉴 → 属性 → M → max-height

Sara Cope 于 2021年1月15日

在 CSS 中，max-height 属性用于设置指定元素的最大高度。作者可以使用任何长度值，只要它们是正值即可。max-height 会覆盖 height，但min-height 始终会覆盖max-height。

.wrapper {
  height: 100%;     /* full height of the content box */
  max-height: 20em; /* requires an absolute value for height. */
}

.wrapper {
  height: 50px;
  max-height: 20px; /* Will be AT MOST 20px tall : overrides height */
}

.wrapper {
  min-height: 400px; /* overrides height and max-height */
  height: 200px;
  max-height: 300px;
}