CSS自適應布局是一個非常重要的概念，它可以幫助我們在不同的設備和分辨率下展示出美觀且適配的網頁。而其中重要的一點就是高度的自適應。以下是一些實現高度自適應的方法。

/* 方法一：利用vh和calc */
.container {
height: calc(100vh - 100px);
}
/* 方法二：利用flexbox */
.container {
display: flex;
flex-direction: column;
height: 100%;
}
.content {
flex: 1;
}
/* 方法三：利用table-cell */
.container {
display: table;
height: 100%;
}
.content {
display: table-cell;
vertical-align: middle;
}
/* 方法四：利用absolute和transform */
.container {
position: relative;
padding-bottom: 50%;
}
.content {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

以上四種方法都能實現高度的自適應，具體使用哪種方法需要根據具體的情況來選擇，比如是否需要支持老舊瀏覽器、高度是否需要在父元素內垂直居中等等。在實際的開發中也可以根據需求組合使用這些方法。