兩側欄目布局常常用于網站或博客的頁面設計中，今天我們來學習一下如何使用CSS來實現這種布局。

/* 容器樣式 */
.container {
display: flex;
}
/* 左側欄樣式 */
.left-side {
width: 200px;
background-color: #eee;
}
/* 右側欄樣式 */
.right-side {
flex: 1;
/* 這里的flex:1表示該元素占據剩余的所有空間 */
background-color: #fff;
}

以上是用于實現兩側欄目布局的基本CSS代碼，其中，我們使用了flex布局來設置容器和兩個子元素的布局。在左側欄目的樣式中，我們設置了寬度為200px和背景顏色為灰色；而右側欄目的樣式中，我們使用了"flex:1"來表示其占據剩余的所有空間，并將背景顏色設置為白色。通過這些CSS樣式，我們可以實現網頁的兩側欄目效果。