CSS，Position(定位)

绝对定位元素不会影响后面的元素的位置，后面的元素会以文档流的方式继续排列。定位元素的位置通过设置top、bottom、left和right属性调整。

4. fixed（固定定位）

固定定位将元素锁定在视口的某个位置上并保持不动，不随页面的滚动而滚动。通常用于创建固定的导航栏或工具栏。在固定定位之前，一般需要设置相应的样式来使元素始终可见且能够遮住下面的内容。

固定定位元素的位置通过设置top、bottom、left和right属性调整。与绝对定位类似，固定定位的元素不会影响后面的元素的位置。

接下来，我们将通过几个例子来说明各种定位属性的使用。

1. 相对定位

```

This is a paragraph.

This is another paragraph.

```

在这个例子中，我们将一个div元素设置为相对定位，并通过left和top属性调整它的位置。使用相对定位的元素仍然占据原来的空间，其他元素不会取代它的位置。

2. 绝对定位

```

This is another paragraph.

```

在这个例子中，我们先将一个div元素设置为相对定位，然后将一个span元素设置为绝对定位，并相对于其父元素进行定位。定位元素的位置通过设置top、left属性调整。

3. 固定定位

```

This is a paragraph.

This is another paragraph.

```

在这个例子中，我们将一个div元素设置为固定定位，并用top、right属性将它放在视口的右上角。固定定位的元素不随页面的滚动而滚动，适合在页面中创建固定的导航栏或工具栏。