本文目錄導(dǎo)讀：

1. 固定高度
2. 相對高度
3. 自動高度

CSS高度設(shè)置詳解

在CSS中，高度設(shè)置是一個非常重要的屬性，它用于定義元素在垂直方向上的空間大小，CSS高度設(shè)置有多種方式，包括固定高度、相對高度和自動高度等。

固定高度

固定高度是指元素的高度是固定的，不會因為其他元素的高度變化而變化，在CSS中，可以使用height屬性來設(shè)置元素的固定高度。

div {
  height: 200px;
}

上述代碼會將div元素的高度設(shè)置為200像素。

相對高度

相對高度是指元素的高度相對于其他元素的高度而定，在CSS中，可以使用relative屬性來設(shè)置元素的相對高度。

div {
  height: 50%;
}

上述代碼會將div元素的高度設(shè)置為父元素高度的50%。

自動高度

自動高度是指元素的高度根據(jù)內(nèi)容自動調(diào)整，在CSS中，可以將height屬性設(shè)置為auto來實現(xiàn)自動高度。

div {
  height: auto;
}

上述代碼會讓div元素的高度根據(jù)內(nèi)容自動調(diào)整。

除了以上三種方式，CSS還提供了其他高度設(shè)置的方法，如使用min-height和max-height屬性來限制元素的***小和***大高度等，在實際應(yīng)用中，可以根據(jù)需要選擇適合的高度設(shè)置方式。