CSS中的左右兩列布局常用于網頁設計中，可以將網站內容分為兩欄，從而使頁面更加美觀和易于閱讀。當我們設計左右兩列布局時，間距也是非常重要的，下面就讓我們來看一下CSS中如何實現左右兩列布局的間距設計。

/* 定義左右兩列布局 */
.left {
float: left;
width: 50%;
padding-right: 20px;   /* 設置右側間距為20像素 */
}
.right {
float: right;
width: 50%;
}

在上述代碼中，我們首先定義了左右兩列的布局，其中左邊布局采用了浮動布局，并設置寬度為50%。對于右側布局，我們同樣使用了浮動布局，并同樣設置寬度為50%。但是，在右側布局中我們設置了padding-right屬性，這個屬性可以讓右側布局的右邊空出20像素的間距。

如果我們要通過樣式表對整個頁面的左右間距進行統一設置，我們可以在樣式表中添加如下代碼：

/* 統一左右間距為30像素 */
.container {
margin-left: 30px;
margin-right: 30px;
}

在上述代碼中，我們定義了一個名為.container的樣式類，它可以統一對整個頁面的左右間距進行設置，只需在HTML頁面中應用該樣式類即可。