CSS 左右布局是網頁設計中常用的一種布局方式，可以讓頁面的左右兩部分分別呈現不同的內容和樣式。在左右布局中，固定右側的內容是一種常見的要求，可以通過 CSS 中的 position 屬性和 float 屬性來實現。
首先，我們需要設置頁面的基本結構。使用 HTML 中的 div 標簽來分別包裹左側內容和右側內容，設置各自的類名，比如 "left" 和 "right"：

<div class="left">
<p>這是左側的內容。</p>
</div>
<div class="right">
<p>這是右側的內容。</p>
</div>

接下來，我們需要使用 CSS 對這些 div 標簽進行樣式設置。首先，需要給這些標簽設置寬度，可以使用百分比或固定像素值，比如：

.left {
width: 70%;
}
<br>
.right {
width: 30%;
}

這里我們設置左側容器的寬度為 70%，右側容器的寬度為 30%。接下來，需要設置右側容器的位置屬性 position，將其固定在頁面的右側。可以使用 position: fixed 和 right 屬性來實現：

.right {
position: fixed;
right: 0;
top: 0;
}

這里我們將右側容器的 position 屬性設置為 fixed，將其固定在頁面中不動，同時使用 right 屬性將其距離頁面右側邊緣的距離設置為 0。為了避免其與其他內容重疊，還可以設置 top 屬性將其位置向下移動一定距離。
至此，我們就成功實現了一個基本的 CSS 左右布局，并將右側內容固定在了頁面上。可以通過這些樣式屬性進一步自定義布局的樣式和效果，實現更加獨具特色的頁面設計。