CSS 浮動能夠將元素沿著容器的左右兩側移動，并讓文本或元素環繞該元素。如果您想要將元素浮動到屏幕的右側，可以使用 CSS 的 float 和 margin 屬性。

.right {
float: right;
margin-left: 10px;
}

在上述 CSS 中，我們使用了 float: right 屬性將元素浮動到屏幕的右側。然后，我們使用了 margin-left: 10px 屬性來給元素添加一些水平間距，以便在其他元素和文本中保持足夠的距離。

下面是一些 HTML 代碼的示例，我們可以在其中使用上述 CSS：

<div class="container">
<div class="left">
<p>一些文本或其他元素可以出現在這里。</p>
</div>
<div class="right">
<p>這個元素會浮動到屏幕的右側！</p>
</div>
</div>

請注意，此示例中的元素使用此 CSS 類：

.container {
width: 100%;
overflow: hidden;
}
.left {
float: left;
width: 70%;
}
.right {
float: right;
margin-left: 10px;
width: 30%;
}

在這里，我們使用了一個具有 100% 寬度和 overflow: hidden 值的容器，以確保其子元素在屏幕上正確地顯示。在該容器中，左側元素使用 float: left 和 70% 寬度屬性，并將右側元素設置為 float: right 和 30% 寬度，以便它們分別浮動到屏幕的左右兩側。

通過這種方式，您可以輕松地將元素浮動到屏幕的右側，并確保它們在其他元素和文本中保持足夠的距離。