在前端開發中，常常需要使用css來為網頁設置不同的布局。通過使用不同的布局來調整網頁的頁面結構和設計。其中，兩列布局是一種常見的布局方式，它可以讓網頁的內容更加簡潔、美觀。下面我們來看一下如何使用css來實現兩列布局。

.container {
display: flex;
flex-wrap: wrap;
}
.left {
flex-grow: 1;
}
.right {
flex-basis: 300px;
}

首先，我們需要創建一個容器，將兩列內容放到容器中。這里我們使用了flex布局方式，并設置了flex-wrap: wrap，即當內容超過容器寬度時，自動換行。

然后，我們需要將左側列的寬度設置為自適應布局，讓它占據除另一列外的所有剩余空間。這里，我們使用了flex-grow: 1來實現。

接著，我們將右側列的寬度設置為固定布局，即300px。這里，我們使用了flex-basis: 300px來實現。

通過以上代碼，我們就可以可以輕松地實現兩列布局了。當然，我們也可以根據需要靈活調整左右列的樣式屬性來達到所需的效果。