CSS的高度控制是我們在開發網頁時需要考慮的重要因素之一。有時候我們需要將一個元素的高度設置為自適應，即填滿剩余的高度。那么如何實現這個功能呢？

.parent {
height: 500px;
display: flex;
flex-direction: column;
}
.child {
flex: 1;
}

以上代碼實現了將一個父元素的高度設置為500像素，并將其子元素設置為自適應的效果。

首先，我們需要將父元素設置為一個flex容器，這樣我們才能使用flex屬性進行布局。然后，我們將父元素的flex-direction屬性設置為column，表示子元素在父元素中豎直排列。

接著，我們為子元素設置了一個flex屬性，這個屬性有三個值，分別是flex-grow、flex-shrink和flex-basis。其中，flex-grow表示子元素的放大比例，我們將其設置為1，表示當前子元素會根據剩余空間進行等分。flex-shrink表示子元素的縮小比例，默認為1，flex-basis表示子元素在主軸上的尺寸，默認為auto，即根據內容自適應。

最后，我們為子元素設置了一個類名child，來代表希望被自適應的元素。這樣，我們就能夠將一個元素的高度設置為自適應，并填滿父元素的剩余高度了。