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

1. 使用height屬性
2. 使用百分比高度
3. 使用視口單位設(shè)置高度

CSS中設(shè)置高度的方法

在CSS中，設(shè)置元素高度的方法有多種，可以根據(jù)具體需求選擇適合的方法。

使用height屬性

CSS中的height屬性用于設(shè)置元素的高度，可以通過給元素添加height屬性來指定高度。

div {
  height: 100px;
}

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

二、使用min-height和max-height屬性

除了height屬性外，CSS還提供了min-height和max-height屬性，用于設(shè)置元素的***小高度和***大高度。

div {
  min-height: 50px;
  max-height: 200px;
}

上述代碼將div元素的高度限制在50像素到200像素之間。

使用百分比高度

在CSS中，也可以通過百分比來設(shè)置元素的高度。

div {
  height: 50%;
}

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

使用視口單位設(shè)置高度

除了像素和百分比外，CSS還支持使用視口單位（vw、vh）來設(shè)置元素的高度。

div {
  height: 10vw;
}

上述代碼將div元素的高度設(shè)置為視口寬度的10%。

需要注意的是，在使用CSS設(shè)置元素高度時，如果元素中的內(nèi)容超出了設(shè)置的***大高度，那么可能會出現(xiàn)滾動條或者溢出的情況，在設(shè)置高度時需要根據(jù)具體需求進(jìn)行權(quán)衡。