溫馨提示×

CSS height屬性實例講解

css
小云
210
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女