CSS側邊欄是在網頁中常用的布局方式，可以為網站的用戶界面提供更好的交互體驗。本文將介紹如何使用CSS來創建側邊欄。 首先，在HTML中創建一個包含側邊欄和主要內容的容器。如下代碼：

<div class="container">
<div class="sidebar">
// 側邊欄內容
</div>
<div class="main-content">
// 主要內容
</div>
</div>

在上述代碼中，我們創建了一個包含側邊欄和主要內容的容器，分別使用class為“sidebar”和“main-content”進行區分。 接下來，我們需要使用CSS來布局和設置樣式。如下代碼：

.container {
display: flex; // 使用flex布局
}
.sidebar {
width: 200px; // 設置側邊欄寬度
background-color: #ccc; // 設置側邊欄背景色
}
.main-content {
flex: 1; // 設置主要內容自適應寬度
}

使用以上代碼，我們成功地將側邊欄和主要內容進行了分離，并設置了側邊欄的寬度和背景色，同時主要內容自適應寬度。 通過上述兩個步驟，我們成功地創建了一個基本的CSS側邊欄布局，并對其進行了樣式設置。可以根據實際需求進一步擴展和優化。