CSS是前端開發中比較重要的一個組成部分，它負責網頁的樣式和布局等。在CSS中設置距離是非常常見的操作，但有時候我們會遇到需要設置右距離的情況。下面，我們來看一下如何設置CSS的右距離。

示例：設置右側距離
CSS樣式代碼如下：
<style>
.container {
width: 600px;
height: 400px;
margin: 0 auto;
border: 1px solid #ccc;
padding: 10px;
position: relative;
}
.box {
width: 120px;
height: 100px;
background-color: #f1f1f1;
position: absolute;
right: 20px;
top: 20px;
}
</style>
HTML代碼如下：
<div class="container">
<div class="box"></div>
</div>
在本示例中，通過給box設置position：absolute屬性來使其定位，right:20px是指距離最右側20px，隨著容器大小的變化而變化。

通過以上示例，我們可以發現設置CSS的右距離非常簡單，只要給對應元素設置position屬性即可，然后通過right屬性來設置它距離最右側的距離。當然，這只是其中一種方法，實際上還有很多其他方法來設置右距離。通過深入學習CSS，我們可以更加靈活地運用不同的方法來完成我們想要的效果。