CSS樣式中，左右頁面是指一個頁面中的左側和右側兩部分，它們可以根據需要進行布局和顯示。在實際開發中，經常有將頁面分為左右兩部分的需求，例如新聞列表頁面、博客頁面等等。

我們可以通過使用CSS樣式來控制頁面的左右布局，下面是一些常用的CSS屬性和方法：

/* 將頁面分為左右兩部分，左側占據20%的寬度，右側占據80%的寬度 */
.left{
float: left;
width: 20%;
}
.right{
float: right;
width: 80%;
}

上述代碼中，我們使用了float屬性來實現左側和右側元素的橫向排列，float屬性可以讓元素脫離文檔流，可以實現元素自動排版。我們還使用了width屬性來控制左右元素的寬度。

除此之外，我們還可以使用Flex布局和Grid布局來實現頁面的左右布局，它們可以更加靈活地控制頁面的布局和排版，具體實現可以參考以下代碼：

/* 使用Flex布局實現頁面左右布局 */
.container{
display: flex;
}
.left{
width: 20%;
}
.right{
width: 80%;
}
/* 使用Grid布局實現頁面左右布局 */
.container{
display: grid;
grid-template-columns: 20% 80%;
}

從上面的代碼中可以看出，Flex布局和Grid布局都是通過設置容器屬性來實現頁面的左右布局，它們能夠更加方便地實現頁面布局，特別是對于響應式布局來說非常適用。

綜上所述，采用CSS樣式來實現頁面的左右布局可以通過float屬性、Flex布局以及Grid布局來實現，我們可以按照實際需求來選擇不同的方案，以達到更好的效果和體驗。