min-height 属性

Html5知典

发布于 2019-11-26 16:56:07

1.2K0

发布于 2019-11-26 16:56:07

文章被收录于专栏：Html5知典Html5知典

用途

min-height 规定标签设置最小高度，且能阻止height属性的设置值比min-height小。min-height 可覆盖 height ， min-height 可覆盖 max-height。

语法

/* <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	此关键词表示内在的最大高度。

例子

/* HTML */
<div id="gray"> Hudaokeji. </div>

#gray{ 
    width: 100px; 
    min-height: 300px; 
    margin: auto; 
    background: gray; 
    text-align: center; 
 }

本文参与腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2018-09-10，如有侵权请联系 cloudcommunity@tencent.com 删除

border