CSS中涉及到兩邊內容的情況較為常見，例如在頁面中設置兩個邊欄，一個在左側，一個在右側，中間是主體內容。這時候，需要使用CSS來實現兩邊的布局。

.left {
float: left;
width: 200px;
}
.right {
float: right;
width: 200px;
}
.main {
/* 這里需要考慮兩側寬度加起來的和，才能設置主體內容寬度 */
width: calc(100% - 400px);
float: left;
}

在上面的代碼中，使用了float屬性來實現左右兩邊的浮動布局，同時設置寬度。對于主體內容的寬度，需要通過calc函數來計算，即整個頁面寬度減去兩側寬度。

需要注意的是，在設置兩邊內容布局時，還需要考慮盒模型的一些問題。例如，如果給左側設置了邊框和內邊距，會導致左側的實際寬度變大，從而影響整個布局。

.left {
float: left;
width: 200px;
border: 1px solid #ccc;
padding: 10px;
box-sizing: border-box;
}
.right {
float: right;
width: 200px;
}
.main {
width: calc(100% - 400px);
float: left;
}

在上面的代碼中，使用了box-sizing屬性來調整盒模型，使得邊框和內邊距不會影響實際寬度。這樣就可以保證兩邊內容的布局不會發生錯亂。