CSS樣式是一種控制網(wǎng)頁布局和外觀的技術，它可以幫助我們實現(xiàn)各種美觀的效果。其中，設置元素位置是一個非常重要的功能，我們可以使用CSS的position屬性來定位和移動頁面的元素。

position屬性有四個值：

position: static; /* 默認值，不需要顯式設置 */
position: relative;
position: absolute;
position: fixed;

static是元素的默認定位方式，它遵循文檔流的順序，也就是按照HTML代碼的順序排列。如果我們想要改變某個元素在文檔流中的位置，可以使用relative屬性。

.box {
position: relative;
top: 50px;
}

上面的代碼將.box元素相對于它原來在文檔流中的位置向下移動了50像素。

如果我們想要將元素定位在某個具體的位置，可以使用absolute屬性。這時候元素會相對于最近的定位父元素進行定位。如果沒有定位的父元素，那么元素會相對于文檔進行定位。

.parent {
position: relative;
}
.child {
position: absolute;
top: 50px;
left: 100px;
}

上面的代碼將.child元素相對于.parent元素進行定位，該元素向下移動50像素，向右移動100像素。

最后，如果我們想要使元素固定在頁面的某個位置，不受滾動的影響，就可以使用fixed屬性。

.box {
position: fixed;
top: 0;
right: 0;
}

上面的代碼將.box元素固定在頁面的右上角位置，無論頁面如何滾動都不會改變其位置。

CSS樣式的定位功能是網(wǎng)頁制作中非常重要的一部分，掌握好它能夠為我們的網(wǎng)頁設計提供更多自由度和創(chuàng)意。