CSS定位是網頁設計中常用的技術之一。它可以讓我們對網頁元素的位置進行精確地控制。在 CSS 定位中，我們通常會用到以下三個屬性：

position: 相對于其父元素的定位方式，常用的取值有 static、relative、absolute、fixed；
top, right, bottom, left: 用于指定元素的上下左右位置。

其中，position 屬性是 CSS 相對定位的核心屬性。值得注意的是，該屬性的取值有四種：

• static：不進行定位，元素出現在正常文檔流中。
• relative：相對定位，相對于元素本身所在的位置進行定位。可以通過 top、right、bottom、left 屬性來指定偏移量。
• absolute：絕對定位，相對于最近的已定位祖先元素進行定位。如果沒有已定位的祖先元素，則相對于 body 進行定位。同樣可以使用 top、right、bottom、left 屬性來指定偏移量。
• fixed：固定定位，相對于瀏覽器窗口進行定位。同樣可以使用 top、right、bottom、left 屬性來指定偏移量。

另外，top、right、bottom、left 屬性也是相對定位中常用的屬性。它們可以同時設置，也可以只設置其中的某個屬性。例如：

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

這段代碼將會把 .box 元素向上移動 10 像素，向左移動 10 像素。

總的來說，CSS 定位是網頁設計中非常重要的一部分。對于初學者來說，要牢記定位方式的取值及其對應的屬性，并在實際應用中經常練習。