CSS height屬性實(shí)例講解

css
小云
157
2023-09-28 09:43:00

CSS height屬性用于設(shè)置元素的高度。

語(yǔ)法：

height: auto|length|initial|inherit;

屬性值：

  • auto：默認(rèn)值，元素的高度由其內(nèi)容決定。

  • length：設(shè)置元素的固定高度，可以是像素(px)、百分比(%)、視窗單位(vh)等。

  • initial：將高度設(shè)置為默認(rèn)值。

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

實(shí)例：

  1. 設(shè)置元素的固定高度為200px：
div {
height: 200px;
}
  1. 設(shè)置元素的高度為50%：
div {
height: 50%;
}
  1. 設(shè)置元素的高度自適應(yīng)：
div {
height: auto;
}
  1. 繼承父元素的高度：
div {
height: inherit;
}

注意事項(xiàng)：

  • height屬性只適用于塊級(jí)元素。

  • 如果同時(shí)設(shè)置了height和max-height屬性，max-height會(huì)覆蓋height屬性。

  • 如果height值小于元素內(nèi)容的高度，元素的內(nèi)容會(huì)溢出。

  • 如果height值大于元素內(nèi)容的高度，元素會(huì)被撐開(kāi)，多出的部分會(huì)留白。

0 踩