CSS 是一種用于網站樣式和布局的語言。在 CSS 中，我們可以設置盒子的位置和形狀，以及其他各種屬性。接下來，我們將學習如何使用 CSS 設置盒子的位置。
在 CSS 中，我們可以使用 position 屬性來設置盒子的位置。position 屬性可以取三種值：static、relative 和 absolute。
如果我們不設置 position 屬性，則盒子會默認使用 static 位置。這意味著盒子根據文檔流進行布局，并且不受其他元素的影響。
如果我們將 position 屬性設置為 relative，則盒子將根據其自身位置進行布局，并且可以通過 top、right、bottom 和 left 屬性來調整其位置。例如，下面的代碼將將盒子向下移動 50 像素：

p {
position: relative;
top: 50px;
}

最后，如果我們將 position 屬性設置為 absolute，則盒子將相對于其最接近的具有 position 屬性的祖先元素進行布局，并且可以像 relative 一樣使用 top、right、bottom 和 left 屬性來調整其位置。例如，下面的代碼將將盒子放在其容器的右上角：

.container {
position: relative;
}
p {
position: absolute;
top: 0;
right: 0;
}

通過這些方法，我們可以輕松地設置盒子的位置和布局，以適應我們網站的需求。