【什么是CSS相对定位？】在网页布局中，CSS的定位（position）属性是一个非常重要的工具，它决定了元素在页面上的具体位置。其中，“相对定位”（relative positioning）是一种常见的定位方式，它允许元素相对于其原始位置进行偏移，而不影响其他元素的布局。
相对定位的特点是：元素的位置变化不会影响文档流中的其他元素，也就是说，即使该元素被移动了，它原本占据的空间仍然保留。
相对定位是CSS中的一种定位方法，使用`position: relative;`来定义。当一个元素设置为相对定位后，可以通过`top`、`right`、`left`、`bottom`属性来调整它的位置。这种定位方式不会脱离文档流，因此其他元素的位置不受影响。相对定位常用于需要微调元素位置但又不希望打乱整体布局的情况。
表格展示：
| 属性 | 说明 |
| `position: relative;` | 将元素设置为相对定位，使其可以基于自身原始位置进行偏移。 |
| `top` | 设置元素顶部与原始位置之间的距离（向上为负值）。 |
| `right` | 设置元素右侧与原始位置之间的距离（向右为负值）。 |
| `left` | 设置元素左侧与原始位置之间的距离（向左为负值）。 |
| `bottom` | 设置元素底部与原始位置之间的距离（向下为负值）。 |
| 不影响文档流 | 相对定位的元素仍占据原来的空间，不会影响其他元素的布局。 |
| 常用于微调位置 | 在不需要改变整体布局的情况下，对元素进行小范围的位移。 |
通过合理使用相对定位，开发者可以在保持页面结构稳定的同时，实现更灵活的布局效果。
