在CSS中，我們可以使用多種方法來實現(xiàn)色塊高度自適應(yīng)，以下是一種常見的方法，使用CSS的百分比單位來設(shè)置色塊的高度。

我們需要創(chuàng)建一個div元素，并將其高度設(shè)置為一個百分比值，我們可以將div元素的高度設(shè)置為其父元素高度的50%。

HTML代碼：

<div class="color-block"></div>

CSS代碼：

.color-block {
  height: 50%;
}

在這個例子中，.color-block類將div元素的高度設(shè)置為其父元素高度的50%，這意味著，如果父元素的高度發(fā)生變化，色塊的高度也會相應(yīng)地調(diào)整。

我們還可以使用CSS的vh單位來設(shè)置色塊的高度，vh表示視口高度的百分比，我們可以將色塊的高度設(shè)置為視口高度的20%。

CSS代碼：

.color-block {
  height: 20vh;
}

在這個例子中，.color-block類將div元素的高度設(shè)置為其所在視口高度的20%，這種方法也可以實現(xiàn)色塊高度自適應(yīng)的效果。

除了以上兩種方法外，我們還可以使用CSS的其他屬性來實現(xiàn)色塊高度自適應(yīng)，我們可以使用min-height和max-height屬性來限制色塊的***小和***大高度。

CSS代碼：

.color-block {
  min-height: 100px;
  max-height: 500px;
}

在這個例子中，.color-block類將div元素的***小高度設(shè)置為100像素，***大高度設(shè)置為500像素，這種方法可以確保色塊的高度始終在可接受范圍內(nèi)。