使用示例:
.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