CSS側邊欄導航是網站設計中常用的一種頁面布局方式，當網站中的內容越來越多時，全局導航條很難一次性展示所有的分類和鏈接，這時候就需要使用CSS側邊欄導航，使網站變得更加簡潔、易用。

.sidebar-nav {
background-color: #f0f0f0;
width: 25%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999;
overflow-y: auto;
}
.sidebar-nav ul {
list-style: none;
padding: 0;
}
.sidebar-nav li {
margin: 0;
}
.sidebar-nav a {
display: block;
padding: 10px;
color: #333;
text-decoration: none;
}
.sidebar-nav a:hover {
background-color: #ccc;
}

以上是一個簡單的CSS側邊欄導航的代碼示例，首先使用sidebar-nav類為側邊欄元素添加了背景色和寬度、高度等樣式，使用position:fixed將其固定在頁面左側。然后使用ul和li標簽構建列表并去除了默認樣式。最后將一般的文本鏈接轉換為塊級元素，以方便點擊，同時添加了懸停效果，使導航變得更加友好。

這只是CSS側邊欄導航的一個簡單示例，實際應用中可能需要添加更多的樣式和JavaScript動效來優化用戶體驗。