position定位方式

在CSS中，`position` 属性用于指定元素的定位方式。`position` 属性有四个值：`static`（默认值）、`relative`、`absolute` 和 `fixed`。

1. `static`：默认值，表示元素按照正常的文档流排列，不受 top、bottom、left、right 等属性的限制；

2. `relative`：表示元素相对于其正常位置进行定位。可以通过 top、bottom、left、right 属性来指定元素相对于其正常位置的偏移量；

3. `absolute`：表示元素相对于其最近的已定位祖先元素进行定位。如果不存在已定位的祖先元素，则相对于文档的 body 元素进行定位。可以通过 top、bottom、left、right 属性来指定元素的偏移量；

4. `fixed`：表示元素相对于浏览器窗口进行定位，不随页面滚动而移动。可以通过 top、bottom、left、right 属性来指定元素的偏移量。

例如，下面的代码使用 `position: relative` 将元素相对于其正常位置进行定位，并通过 `top` 和 `left` 属性来指定元素的偏移量：

div {
  position: relative;
  top: 20px;
  left: 30px;
}

在上述代码中，`position: relative` 属性用于将元素相对于其正常位置进行定位，`top` 和 `left` 属性用于指定元素相对于其正常位置的偏移量。

总之，`position` 属性是CSS中一个非常有用的属性，可以帮助我们控制元素的定位方式，并通过 top、bottom、left、right 等属性来指定元素的偏移量。