css 高度

作者：恋你如初发布日期:2026-07-29 浏览:28

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

/* 使用百分比高度 */
.div2 {
  height: 50%; /* 高度为父元素高度的50% */
}

/* 最小高度和最大高度 */
.div3 {
  min-height: 100px; /* 元素的最小高度为100像素 */
  max-height: 400px; /* 元素的最大高度为400像素 */
}

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

解释说明：

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

上一篇：css 禁止选中

下一篇：css 圆形