在CSS中，高度自適應(yīng)是一個(gè)常見(jiàn)的需求，尤其是在響應(yīng)式設(shè)計(jì)中，為了實(shí)現(xiàn)高度自適應(yīng)，我們可以使用多種CSS技術(shù)，以下是一些常見(jiàn)的方法：
1、使用百分比（%）單位：
百分比單位允許你根據(jù)父元素的高度來(lái)設(shè)置子元素的高度，如果你想要一個(gè)子元素的高度等于其父元素高度的50%，你可以這樣寫：
```css
.child {
height: 50%;
}
```
2、使用視口單位（vw/vh）：
視口單位允許你根據(jù)瀏覽器視口的高度來(lái)設(shè)置元素的高度，如果你想要一個(gè)元素的高度等于視口高度的20%，你可以這樣寫：
```css
.element {
height: 20vh;
}
```
3、使用flexbox：
Flexbox是一個(gè)強(qiáng)大的布局工具，它允許你輕松地創(chuàng)建高度自適應(yīng)的布局，你可以通過(guò)設(shè)定align-items屬性為stretch來(lái)使flex子項(xiàng)的高度自適應(yīng)：
```css
.container {
display: flex;
align-items: stretch;
}
```
4、使用grid布局：
Grid布局是另一個(gè)強(qiáng)大的布局工具，它提供了對(duì)元素高度和寬度的精細(xì)控制，你可以通過(guò)設(shè)定height: auto來(lái)使grid子項(xiàng)的高度自適應(yīng)：
```css
.container {
display: grid;
height: 100%;
}
.item {
height: auto;
}
```
5、使用JavaScript：
在某些情況下，你可能需要使用JavaScript來(lái)動(dòng)態(tài)地設(shè)置元素的高度，你可以使用window.onresize事件來(lái)檢測(cè)視口大小的變化，并相應(yīng)地調(diào)整元素的高度。
```javascript
window.onresize = function() {
var element = document.getElementById('myElement');
element.style.height = (window.innerHeight * 0.2) + 'px';
};
```
是一些實(shí)現(xiàn)CSS中高度自適應(yīng)的常見(jiàn)方法，你可以根據(jù)自己的需求和設(shè)計(jì)來(lái)選擇***適合的方法。
