CSS是網頁設計中非常重要的一個組成部分，它可以決定網頁的外觀和樣式。其中一個常見的問題是如何設置高度自適應。以下是幾種解決方案：

/* 方案一：使用百分比設置高度 */
.container {
height: 100%;
}
/* 方案二：使用最小高度和絕對定位實現自適應 */
.container {
position: absolute;
top: 0;
bottom: 0;
min-height: 100%;
}
/* 方案三：使用flexbox實現自適應 */
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
/* 方案四：使用grid實現自適應 */
.container {
height: 100%;
display: grid;
grid-template-rows: 1fr;
}
/* 方案五：使用JS監測窗口高度并實現自適應 */
function setHeight() {
const container = document.querySelector('.container');
const windowHeight = window.innerHeight;
container.style.height = windowHeight + 'px';
}
setHeight();
window.addEventListener('resize', setHeight);

可以根據具體的需求選擇合適的方案來解決高度自適應的問題。