在網頁設計中，邊欄是一個常見的元素。它可以用來顯示頁面導航、社交媒體鏈接、相關文章、標簽云等等。在實現(xiàn)邊欄時，我們通常會使用 CSS 中的浮動（float）屬性來將其置于主內容區(qū)旁邊。

但是，如果我們沒有設置邊欄的寬度，會發(fā)生什么？

.sidebar {
float: left;
}

如果邊欄中的內容高度超過主內容區(qū)的高度，那么邊欄就會延伸到頁面底部。這種情況并不是我們所期望的。

那么，如何解決這個問題呢？

一種簡單的解決方案是在邊欄的 CSS 中添加一些額外的屬性：

.sidebar {
float: left;
width: 20%; /* 或者你希望的固定寬度 */
max-height: 100vh;
overflow-y: auto;
}

以上代碼中，我們通過設置邊欄的最大高度為視口高度（viewport height），并啟用垂直滾動，來避免邊欄延伸到頁面底部。

當然，上述代碼只是其中一種解決方案，你可以根據(jù)你的需求進行調整。

總結一下，當你在編寫網頁時使用邊欄時，請確定為其設置寬度。要不然，無限延長的邊欄會讓頁面變得難以閱讀。