csss 脱离文档流

要让一个元素脱离文档流，可以使用 CSS 中的 `position` 属性。常用的属性值有 `relative`、`absolute`、`fixed` 和 `sticky`。

- `position: relative;`：相对定位，元素在文档流中仍占据空间，但可以通过设置 `top`、`bottom`、`left`、`right` 来相对移动位置。

- `position: absolute;`：绝对定位，元素脱离文档流，并相对于其最近的非 `static` 定位的祖先元素进行定位。如果没有符合条件的祖先元素，则相对于初始包含块进行定位。

- `position: fixed;`：固定定位，元素脱离文档流，并相对于浏览器窗口进行定位，不随滚动而移动。

- `position: sticky;`：粘性定位，元素在文档流中占据空间，但在滚动到指定位置时会固定在容器内部的位置。需要通过设置 `top`、`bottom`、`left`、`right` 来指定粘性定位的阈值。

通过设置元素的 `position` 属性，可以使其脱离文档流，从而实现特定的布局效果。