css高度

作者：Haggard憔悴发布日期:2025-05-15 浏览:114

/* 设置元素高度的示例代码 */

/* 1. 固定高度 */
.fixed-height {
    height: 200px; /* 设置元素的高度为200像素 */
}

/* 2. 百分比高度 */
.percent-height {
    height: 50%; /* 设置元素的高度为其父元素高度的50% */
}

/* 3. 最小高度 */
.min-height {
    min-height: 100px; /* 设置元素的最小高度为100像素 */
}

/* 4. 最大高度 */
.max-height {
    max-height: 300px; /* 设置元素的最大高度为300像素 */
}

/* 5. 自动高度 */
.auto-height {
    height: auto; /* 高度根据内容自动调整 */
}

解释说明：

height: 直接设置元素的高度，可以使用像素 (px)、百分比 (%) 或其他单位。
min-height: 设置元素的最小高度，确保元素不会小于指定的高度。
max-height: 设置元素的最大高度，确保元素不会超过指定的高度。
auto: 让元素的高度根据其内容自动调整。

上一篇：cssfilter属性

下一篇：css把边框变成圆弧形状