min-height 属性是 CSS 中用于设置元素的最小高度的属性。这个属性定义了元素的最小高度值,确保元素不会小于指定的高度。

使用示例:
.selector {
    min-height: 100px; /* 设置元素的最小高度为100像素 */
}

在上述示例中,.selector 是你要应用样式的元素选择器。通过设置 min-height 属性,你确保该元素的最小高度为100像素。

这对于确保页面内容有足够的空间,防止某些元素因为内容较少而过于紧凑是很有用的。当元素的内容不足以达到指定的最小高度时,元素会自动扩展以满足最小高度的要求。
/* 设置最小高度并设置背景颜色 */
.container {
    min-height: 200px;
    background-color: #f0f0f0;
}

在这个例子中,.container 元素的最小高度为200像素,背景颜色为淡灰色。当页面内容不足以撑满200像素时,元素会自动扩展以达到最小高度,并显示背景颜色。


转载请注明出处:http://www.zyzy.cn/article/detail/6102/CSS