CSS height属性实例讲解

CSS height属性用于设置元素的高度。
语法：
height: auto|length|initial|inherit;
属性值：
- auto：默认值，元素的高度由其内容决定。
- length：设置元素的固定高度，可以是像素(px)、百分比(%)、视窗单位(vh)等。
- initial：将高度设置为默认值。
- inherit：继承父元素的高度。
实例：
1. 设置元素的固定高度为200px：
```css
div {
height: 200px;
}
```
2. 设置元素的高度为50%：
```css
div {
height: 50%;
}
```
3. 设置元素的高度自适应：
```css
div {
height: auto;
}
```
4. 继承父元素的高度：
```css
div {
height: inherit;
}
```
注意事项：
- height属性只适用于块级元素。
- 如果同时设置了height和max-height属性，max-height会覆盖height属性。
- 如果height值小于元素内容的高度，元素的内容会溢出。
- 如果height值大于元素内容的高度，元素会被撑开，多出的部分会留白。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！