css min-height实例

时间:2023-04-10 21:00:36

min-height是CSS属性,用于指定元素的最小高度。当内容不足以填满最小高度时,元素的高度将自动增加以满足最小高度。

以下是一个min-height属性的示例:

HTML代码:

<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>

CSS代码:

.box {
min-height: 100px;
background-color: blue;
color: white;
padding: 10px;
}

在这个例子中,我们设置一个div元素的min-height属性为100px,这意味着当内容不足以填满100px高度时,元素的高度将自动增加以满足最小高度。我们还设置了background-color、color和padding属性,以便为元素指定样式。

如果我们将上述代码添加到一个HTML页面中,将会显示一个带有蓝色背景的div元素,其最小高度为100px。如果<p>元素的内容不足以填满100px高度,则该div元素将根据需要增加高度,以达到最小高度。

相关词 height