側邊欄是網頁設計中常用的一種布局方式。我們通常需要讓側邊欄的高度自適應，以便更好地適應不同屏幕大小的設備。下面介紹一種使用CSS實現側邊欄高度自適應的方法。

.sidebar {
width: 300px;
float: left;
}
.main-content {
margin-left: 320px; /* 側邊欄寬度 + 20px的間隔 */
}
/* 使用偽元素clearfix清除浮動 */
.clearfix::after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 768px) {
.sidebar {
width: 100%;
float: none;
}
.main-content {
margin-left: 0;
}
}

以上代碼中，我們首先為側邊欄設置了一個固定寬度，并使用CSS浮動（float）將其放置在網頁左側。然后在主內容區域添加了一個左邊距（margin-left），以便給側邊欄和主內容之間留出一定的間隔。

接著，我們使用了一個 clearfix 的偽元素來清除浮動，這樣可以避免由于浮動產生的尺寸問題。最后，我們還添加了一個媒體查詢（@media），以便在移動設備上將側邊欄寬度設置為100%，同時清除主內容區域的左邊距。

使用CSS實現側邊欄高度自適應，可以讓我們更好地適應不同大小和分辨率的設備屏幕，并優化用戶體驗。希望本文介紹的方法能對你的網頁設計有所啟發。