在網頁布局中，兩列布局是最常見的一種布局之一。在CSS中，可以通過使用流體布局來實現這種布局。流體布局指的是布局中的元素不固定寬度，而是根據屏幕大小進行自適應。

.container{
width: 100%;
display: flex;
}
.left{
width: 60%;
}
.right{
width: 40%;
}

上述代碼使用了flex布局來實現兩列布局。其中，容器需要設置為100%的寬度才能充滿整個屏幕。左列和右列的寬度可以按照實際要求進行設置。如果需要讓兩列布局垂直居中，可以使用align-items:center屬性。

.container{
width: 100%;
display: flex;
align-items: center;
}
.left{
width: 60%;
}
.right{
width: 40%;
}

如果想要將兩列布局放置到不同位置，可以使用justify-content屬性來設置。justify-content可以設置成flex-start（默認值，左對齊），center（居中對齊），flex-end（右對齊），space-between（兩端對齊，中間留空）和space-around（均勻分配空間）。

.container{
width: 100%;
display: flex;
justify-content: space-between;
}
.left{
width: 60%;
}
.right{
width: 40%;
}

通過使用CSS的流體布局，可以輕松實現網頁布局中最常見的兩列布局。通過設置容器屬性、左列屬性和右列屬性，可以實現不同要求的頁面布局，并且能夠適應各種屏幕大小。