在CSS中，我們可以使用position屬性來移動塊級元素，這個屬性有四種值：static、relative、absolute和fixed。relative、absolute和fixed都可以用來移動元素。

1、相對移動（Relative）：

當(dāng)我們將一個塊級元素的position屬性設(shè)置為relative時，我們可以使用top、right、bottom和left屬性來移動這個元素，如果我們想要將一個塊級元素向下移動20像素，我們可以這樣寫：

```css

.element {

position: relative;

top: 20px;

}

```

2、***移動（Absolute）：

當(dāng)我們將一個塊級元素的position屬性設(shè)置為absolute時，元素會脫離文檔流，并相對于***近的非靜態(tài)定位（即不是static）的父元素進(jìn)行定位，如果沒有非靜態(tài)定位的父元素，那么它會相對于初始包含塊（即HTML元素）進(jìn)行定位。

```css

.element {

position: absolute;

top: 20px;

}

```

3、固定移動（Fixed）：

當(dāng)我們將一個塊級元素的position屬性設(shè)置為fixed時，元素會脫離文檔流，并相對于瀏覽器窗口進(jìn)行定位，無論頁面如何滾動，元素都會保持在相同的位置。

```css

.element {

position: fixed;

top: 20px;

}

```

使用position: absolute;或position: fixed;時，如果沒有設(shè)置top、right、bottom或left屬性，元素會默認(rèn)堆疊在文檔流的***后位置，***定位和固定定位的元素不會阻礙文檔流中的其他元素。