用途
min-height 规定标签设置最小高度，且能阻止height属性的设置值比min-height小。min-height 可覆盖 height ， min-height 可覆盖 max-height。
语法
代码语言：javascript复制/* <length> value */
min-height: 2.5em;
/* <percentage> value */
min-height: 95%;
/* Keyword values */
min-height: none;
min-height: max-content;
min-height: min-content;
min-height: fit-content;
min-height: fill-available;
min-height: inherit;值
值 | 描述 |
|---|---|
<length> | 此关键词指定一个固定的最小高度。 |
<percentage> | 此关键词表示相当于包含该元素的块的高度(即相当于该块的百分比)。若块未明确的指定高度，则该百分比相当于none |
none | 此关键词表示不限制高度。 |
max-content | 此关键词表示内在的最大高度。 |
min-content | 此关键词表示内在的最小高度。 |
fill-available | 此关键词表示包含的块的高度减去水平方向上的 margin 、 border 和 padding。 |
fit-content | 此关键词表示内在的最大高度。 |
例子
代码语言：javascript复制/* HTML */
<div id="gray"> Hudaokeji. </div>
#gray{
width: 100px;
min-height: 300px;
margin: auto;
background: gray;
text-align: center;
}
