今天我們來說一下CSS中如何將右邊的div固定在頁面中。這種布局在很多網站中都有被使用。我們可以使用position屬性和right屬性來實現這一布局。 首先，我們需要將div的position屬性設置為fixed，這樣它就可以脫離文檔流，并且不會被其他元素影響。同時，我們需要使用right屬性來指定它距離頁面右邊緣的距離。 接下來，我們可以使用z-index屬性來控制這個div與其他元素的層次關系。這樣在其他元素滾動時，它仍然會保持在頁面右邊緣位置。 以下是一個示例代碼，演示如何實現這種布局：

<style>
.fixed-right {
position: fixed;
top: 0;
right: 0;
z-index: 9999;
width: 200px;
height: 100%;
background-color: #f5f5f5;
border-left: 1px solid #ddd;
}
</style>
<div class="fixed-right">
<p>這是一個右邊固定的div。</p>
</div>

在以上示例中，我們通過class屬性來定義一個名為fixed-right的div，設置了它的position為fixed，并同時將它的top和right屬性均設置為0，使其固定在頁面的右上角。同時，我們定義了其寬度，高度，背景色等屬性，使其更加美觀。 總結一下，通過使用position和right屬性，我們可以實現將一個div固定在頁面右邊緣。這種布局在很多網站中都有被使用，因為它可以提供更加美觀和方便的用戶體驗。