min-height

CSS 属性 min-height 能够设置元素的最小高度。这样能够防止 height 属性的应用值小于 min-height 的值。

当 min-height 大于 max-height 或 height 时，元素的高度会设置为 min-height 的值。

语法

/* <长度> 数值 */
min-height: 3.5em;

/* <百分比> 数值 */
min-height: 10%;

/* 关键词 */
min-height: max-content;
min-height: min-content;
min-height: fit-content(20em);

/* 全局数值 */
min-height: inherit;
min-height: initial;
min-height: unset;

Values

<length>

定义 min-height 为一个绝对数值。

<percentage>

定义 min-height 为一个相对于父容器高度的百分数。

auto

浏览器将通过计算为指定元素选择一个 min-height 值。

none

不限制盒容器的尺寸。

max-content

The intrinsic preferred min-height.

min-content

The intrinsic minimum min-height.

fit-content(<length-percentage>)

Uses the fit-content formula with the available space replaced by the specified argument, i.e. min(max-content, max(min-content, argument)).

Formal definition

Formal syntax

auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)
where 
<length-percentage> = <length> | <percentage>

示例

Setting min-height

table { min-height: 75%; }

form { min-height: 0; }

规范

浏览器兼容性

相关链接

• The box model, box-sizing
• height, max-height