温馨提示×

CSS height属性实例讲解

css
小云
108
2023-09-28 09:43:00
栏目: 编程语言

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

语法:

height: auto|length|initial|inherit;

属性值:

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

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

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

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

实例:

  1. 设置元素的固定高度为200px:
div {
height: 200px;
}
  1. 设置元素的高度为50%:
div {
height: 50%;
}
  1. 设置元素的高度自适应:
div {
height: auto;
}
  1. 继承父元素的高度:
div {
height: inherit;
}

注意事项:

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

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

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

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

0