在CSS樣式中，讓高度自適應(yīng)是一個常見的需求，尤其是在響應(yīng)式設(shè)計中，以下是一些方法來實現(xiàn)高度自適應(yīng)：

1、使用百分比單位：將高度設(shè)置為父元素高度的百分比，如果父元素的高度為500px，子元素的高度可以設(shè)置為50%。

.parent {
  height: 500px;
}
.child {
  height: 50%;
}

2、使用視口單位：使用vh（視口高度）或vw（視口寬度）單位來設(shè)置高度，如果屏幕高度為600px，10vh將等于60px。

.element {
  height: 10vh;
}

3、使用flexbox：使用CSS的flexbox布局來設(shè)置自適應(yīng)高度，設(shè)置align-items為stretch可以讓子元素占據(jù)剩余空間。

.parent {
  display: flex;
  align-items: stretch;
}
.child {
  flex: 1;
}

4、使用grid布局：CSS的grid布局也可以實現(xiàn)高度自適應(yīng)，設(shè)置grid-rows為auto可以讓行根據(jù)內(nèi)容自適應(yīng)高度。

.parent {
  display: grid;
  grid-rows: auto;
}
.child {
  grid-row: 1;
}

5、使用JavaScript：在某些情況下，可能需要使用JavaScript來動態(tài)計算并設(shè)置高度，根據(jù)窗口大小或內(nèi)容長度動態(tài)調(diào)整高度。

這些方法可以幫助你在CSS樣式中實現(xiàn)高度自適應(yīng)，使你的設(shè)計更加響應(yīng)式和靈活。