CSS是一種用于控制網頁樣式的語言。其中一項功能就是調節盒子在頁面中的位置。在CSS中，盒子可以用position屬性進行控制，常見的取值有static、relative、absolute、fixed。
首先是static，即默認值。這個取值不會對盒子位置造成任何影響。

.box {
position: static;
}

如果想相對于自身進行微調，可以使用relative取值。這個取值會改變盒子在原有位置上的偏移量。

.box {
position: relative;
left: 20px;
top: 10px;
}

絕對定位的取值為absolute，這個時候盒子的位置將會相對于最近的定位父元素進行調整。

.parent {
position: relative;
}
.box {
position: absolute;
left: 20px;
top: 10px;
}

如果想使盒子固定在頁面上方不隨滾動條滾動的話，可以使用fixed取值。這個取值不會受到父元素影響，而是相對于瀏覽器窗口進行調整。

.box {
position: fixed;
left: 20px;
top: 10px;
}

除了以上幾種方法，還可以用margin、padding屬性來調整盒子的位置，這種方式在盒子的嵌套結構較為簡單的情況下比較適用。
總之，CSS提供了多種方式來調節盒子在頁面中的位置，我們可以根據實際需要靈活運用。