CSS 是用于樣式表布局的編程語言，可以用來設置網頁中的字體、顏色、大小、位置和其他各種屬性。在設置盒子的位置時，可以使用 CSS 的 `position` 屬性。

position 屬性用于指定元素的定位方式。它有以下幾種值：

1. `static`: 靜態定位。元素會按照文檔流正常排列，不受 `top`、`bottom`、`left` 和 `right` 屬性的影響。

2. `relative`: 相對定位。元素會相對于它原本的位置進行偏移，可以通過設置 `top`、`bottom`、`left` 和 `right` 屬性來控制元素的位置。

3. `absolute`: 絕對定位。元素會完全脫離文檔流，相對于它原本的位置進行定位。如果沒有設置 `top`、`bottom`、`left` 和 `right` 屬性，元素會相對于瀏覽器窗口進行定位。

4. `fixed`: 固定定位。元素會完全脫離文檔流，相對于它原本的位置進行定位。但是，元素的 `top`、`bottom`、`left` 和 `right` 屬性會被 `top`、`bottom`、`left` 和 `right` 屬性的值減去一定的距離，以保證元素不會與周圍的元素重疊。

使用 `position` 屬性，可以設置盒子相對于其原本的位置進行定位。例如，可以使用 `position: relative` 屬性將盒子設置為相對定位，然后使用 `top` 屬性將其向上移動一定距離，這樣就可以將盒子設置為垂直居中的位置。另外，使用 `position: absolute` 屬性可以將盒子設置為絕對定位，然后使用 `top`、`bottom`、`left` 和 `right` 屬性來控制盒子的位置。例如，可以使用 `top: 50%` 和 `right: 50%` 屬性將盒子設置為垂直居中和水平向右移動一定距離。

除了 `position` 屬性，CSS 還提供了其他的定位方式，如 `top-offset`、`bottom-offset`、`left-offset` 和 `right-offset`，可以根據實際情況靈活使用。需要注意的是，使用不同定位方式時，需要根據實際情況設置相應的 `top`、`bottom`、`left` 和 `right` 屬性，以保證定位效果的正確性。