DevShelf

Appearance

height ​

描述 ​

CSS height 属性指定元素的高度。默认情况下，该属性定义内容区域的高度。然而，如果 box-sizing 设置为，则改为确定边框区域 border-box 的高度。

效果展示 ​

语法 ​

css
/* <length> values */
height: 120px;
height: 10em;
height: 100vh;

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

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

/* Global values */
height: inherit;
height: initial;
height: revert;
height: revert-layer;
height: unset;

值 ​

  • <length> 将高度定义为距离值。

  • <percentage> 将高度定义为包含块高度的百分比。

  • auto 浏览器将计算并选择指定元素的高度。

  • max-content 固有的首选高度。

  • min-content 固有的最小高度。

  • fit-content Box 将使用可用空间，但绝不会超过 max-content

  • fit-content(<length-percentage>) 使用 fit-content 公式，其中可用空间替换为指定参数，即 min(max-content, max(min-content, <length-percentage>))

  • clamp() 允许选择定义的最小值和最大值之间的值范围内的中间值