在Web設計中，我們經常需要布置盒子（box）的位置。盒子右對齊是其中一種常見操作，今天我們就來學一下如何使用 CSS 實現盒子右對齊。

既然要右對齊，那么首先要讓盒子浮動到右邊。我們可以使用 CSS 中的 “float” 屬性。

.box {
float: right;
}

這樣就可以讓盒子浮動到右邊。但是，如果你不添加 width 長度來限制自動延伸的長度，那么您的布局將容易出現問題。并且需要注意其它在同一方向上浮動的盒子是否影響了當前盒子。我們可以使用 CSS 中的 “clear” 屬性來清除浮動。

.box {
float: right;
clear: right;
width: 200px;
}

在上述 CSS 中，我們給盒子添加了寬度，使其有具體尺寸，避免自動延展的問題。同時，我們在盒子上添加了 clear:right，表示在此浮動盒子右側不允許出現浮動元素。

除了使用 float 屬性外，我們還可以使用 text-align 屬性來對盒子內的文本進行對齊。

.box {
text-align: right;
}

這樣可以將盒子內的內容向右對齊。但是，請注意，這只對行內元素和文本起作用，對塊級元素的作用有限，僅僅影響它們內部行內元素的對齊。

總而言之，對于盒子的右對齊，我們可以使用 float 屬性和 clear 屬性來實現盒子整體的浮動和清除浮動，同時使用 width 屬性來限制盒子的尺寸。另外，我們可以使用 text-align 屬性來實現盒子內部文本的對齊。