CSS | height 属性

height 属性用于设置元素的高度。它可以用于大多数HTML元素，特别是 block 元素。

语法如下：

element {
    height: value;
}

其中 element 是要设置高度的元素，value 可以是以下任何一种单位值：

• auto：浏览器会自动计算元素的高度。
• <length>：使用固定长度，比如 10px。
• <percentage>：使用相对于父元素高度的百分比，比如 50%。

例如：

.box {
    height: 200px;
}

上述代码将使一个类名为“box”的元素高度为200像素。

使用百分比实现响应式高度：

.container {
    height: 100%;
}

上述代码会将所有 .container 元素的高度设置为其容器高度的 100%。这种方式可以用于实现响应式布局。

需要注意的是，height 并不包括该元素的 padding，border 或 margin。如果想要包括或排除它们，请使用 box-sizing 属性。

.box {
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
}

上述代码会使 .box 元素的高度为 100px，包括 padding 在内。

总结：

height 属性用来设置元素的高度，可以使用固定长度、百分比或自动计算。需要注意 height 并不包括元素的 padding、border 或 margin，使用 box-sizing 可以解决这个问题。