CSS 相对定位（Relative Positioning）是一种元素定位的方法，它允许你将元素相对于其原始位置进行微调，而不会对其他元素的布局产生影响。
使用相对定位时，元素会保留其原始空间，并相对于其正常位置进行偏移。可以使用position: relative;样式属性来应用相对定位。
以下是一个示例，展示如何使用相对定位：
HTML代码：
<div class="container">
<div class="box">
这是一个相对定位的盒子。
</div>
</div>
CSS代码：
.container {
position: relative;
width: 200px;
height: 200px;
background-color: #f0f0f0;
}.box {
position: relative;
top: 20px;
left: 30px;
background-color: #ff0000;
color: #fff;
padding: 10px;
}
在这个示例中，.container类表示一个容器元素，设置了宽度、高度和背景颜色。.box类表示一个盒子元素，应用了相对定位，并设置了top和left属性，将盒子相对于其原始位置向下移动20像素，向右移动30像素。
相对定位的盒子仍然占据着文档流中的位置，其他元素不会填补其移动后的空间。这意味着它可能与其他元素发生重叠，需要通过调整偏移值或结合其他定位技术来避免重叠。
总结起来，相对定位使你能够相对于元素的初始位置进行微调，而不会影响其他元素的布局。