在網(wǎng)頁設(shè)計中，盒子是最常見的布局單位之一，使用 CSS 可以輕易地調(diào)整盒子的位置和大小，讓網(wǎng)頁排版更加符合設(shè)計和用戶需求。

要調(diào)整盒子的位置，可以使用 position 屬性。position 有四個可選值：

position: static; /* 不改變元素位置，即默認值 */
position: relative; /* 相對定位，相對于自身當前位置移動 */
position: absolute; /* 絕對定位，相對于父元素移動 */
position: fixed; /* 固定定位，相對于瀏覽器窗口移動 */

其中，relative 和 absolute 常用于盒子位置的微調(diào)，而 fixed 適用于頁面導航欄等需要固定在頁面某個位置的元素。

另外，使用 top、bottom、left 和 right 四個屬性可以進一步調(diào)整盒子的位置。這四個屬性分別表示盒子相對于父元素的上、下、左、右距離。例如：

div{
position: relative;
left: 20px;
top: 10px;
}

以上代碼將一個 div 相對于自身原位置向右移動 20px，向下移動 10px。

調(diào)整盒子位置時還需要注意盒子本身的大小，如果盒子大小或父元素大小發(fā)生變化，盒子位置可能需要重新調(diào)整。

總而言之，CSS 調(diào)整盒子位置的方式多種多樣，可以根據(jù)具體需求選擇不同的方法，靈活應(yīng)用才能創(chuàng)建出優(yōu)美的網(wǎng)頁布局。