CSS頁面布局是網頁設計中最基本的部分之一，其中左右布局也被廣泛應用。

在左右布局中，整個頁面被分為兩個區域：左側區域和右側區域，通常左側區域用于顯示導航欄、菜單欄、廣告等內容，右側區域則用于顯示主要內容。

要實現左右布局，需要使用CSS的float屬性，將左側區域設置為浮動狀態，同時給右側區域添加margin-left屬性，使其在左側區域的右側。

.left {
float: left;
width: 200px;
height: 500px;
background-color: #ccc;
}
.right {
margin-left: 220px;
height: 500px;
background-color: #eee;
}

在上述代碼中，左側區域的寬度為200px，高度為500px，背景顏色為#ccc，同時設置了float屬性為left，將其浮動到左側；右側區域設置了margin-left屬性為220px，高度為500px，背景顏色為#eee，使其在左側區域的右側顯示。

在實際應用中，左右布局可以通過不同的CSS樣式來實現更加豐富的視覺效果，例如通過給左側區域添加陰影或背景圖片，或者使用CSS3的transform屬性對右側區域進行3D轉換等。

總之，CSS頁面布局的靈活性和多樣性，使得左右布局成為網頁設計中最為常見的布局方式之一。