CSS height属性实例讲解

CSS height属性用于设置元素的高度。

语法：

height: auto|length|initial|inherit;

属性值：

• auto：默认值，元素的高度由其内容决定。

• length：设置元素的固定高度，可以是像素(px)、百分比(%)、视窗单位(vh)等。

• initial：将高度设置为默认值。

• inherit：继承父元素的高度。

实例：

1. 设置元素的固定高度为200px：

div { height: 200px; } 

2. 设置元素的高度为50%：

div { height: 50%; } 

3. 设置元素的高度自适应：

div { height: auto; } 

4. 继承父元素的高度：

div { height: inherit; } 

注意事项：

• height属性只适用于块级元素。

• 如果同时设置了height和max-height属性，max-height会覆盖height属性。

• 如果height值小于元素内容的高度，元素的内容会溢出。

• 如果height值大于元素内容的高度，元素会被撑开，多出的部分会留白。