CSS是網頁設計中使用最廣泛的樣式表語言之一。它使用樣式規則來定義HTML元素的外觀和布局。而在網頁設計中，經常需要將頁面分成兩列來實現更好的布局效果。而要實現這樣的布局，我們可以使用CSS的flexbox布局或是grid布局來實現。下面我們來介紹一下如何使用CSS將頁面分成不等分的兩列布局。

/* 使用Flexbox實現不等分兩列布局 */
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.main-content {
flex: 1;
}
.sidebar {
width: 300px;
}
/* 使用Grid實現不等分兩列布局 */
.container {
display: grid;
grid-template-columns: 1fr 300px;
grid-gap: 20px;
}
.main-content {
grid-column: 1 / span 1;
}
.sidebar {
grid-column: 2 / span 1;
}

上面的代碼展示了兩種不等分兩列布局的方法。使用Flexbox布局時，我們可以在容器上設置展示方式為flex，并設置主要內容的flex屬性為1，這樣就可以自適應寬度。而側邊欄則可以設定一個固定的寬度。使用Grid布局時，我們設置了一個網格布局，將容器分成了兩個列，其中主要內容占據第一列，側邊欄占據第二列。

無論是Flexbox還是Grid布局，都可以輕松實現不等分兩列布局。根據實際設計需求，選擇合適的方法即可。同時，我們需要注意在不同瀏覽器下的兼容性問題，避免出現頁面樣式錯亂的情況。有了這些技能，我們就可以制作出更加復雜的網頁布局和設計了。