在開發網頁時，經常需要將頁面布局分為兩列。CSS提供了多種方法實現這種布局。下面我們將介紹CSS如何實現兩列布局。

方法一：使用浮動

.col {
float: left;
width: 50%;
}

其中，.col是要實現兩列布局的元素的類名，通過設置float:left可以讓這個元素浮動在左側，再設置width:50%就可以讓元素水平占據頁面的一半。同樣的，可以復制一份這段代碼，將float改為right，就可以實現右側的布局。

方法二：使用flexbox（彈性盒子布局）

.container {
display: flex;
}
.col {
flex: 1;
}

在一個容器中，通過設置display:flex可以將子元素布置為一排。接著，在子元素的樣式中設置flex:1即可實現兩列的布局，這里的flex:1表示元素在橫向方向上平分容器的寬度。如果想設定兩列不平分容器的寬度，可以將flex:1改為flex:2和flex:1，這樣左側的元素就會占據兩份，右側的元素占據一份。

方法三：使用grid（網格布局）

.container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.col {
grid-column: 1 / 2;
}
.col2 {
grid-column: 2 / 3;
}

使用grid布局，首先需要將容器設為grid，然后通過grid-template-columns來設置容器中列的數量和寬度。這里的repeat(2, 1fr)表示將容器分為兩列，每一列的寬度平分。接著，可以在子元素的樣式中用grid-column來聲明子元素的位置。grid-column: 1 / 2的意思是將元素放置在第一列到第二列的區域，同樣的，grid-column: 2 / 3將元素放置在第二列到第三列的區域。

以上就是CSS實現兩列布局的三種方法。根據具體情況選擇不同的方法，可以讓網頁的布局更為靈活。