CSS中相对位置是指元素在页面中相对于其他元素的定位方式。相对位置可以通过使用相对单位来实现，比如em、rem、百分比等。

.box {
position: relative;
top: 10px;
left: 20%;
}

在上面的代码中，我们给.box元素设置了相对定位，并使用了top和left属性分别将元素向下和向右移动了一定距离。

在使用相对位置时，需要注意的是相对位置的基准点是该元素所处的位置。例如，如果我们给一个元素设置top: 10px，则该元素会在原来的位置上向下移动10px。

相对位置经常被用于响应式布局中。通过使用百分比作为相对单位，我们可以让元素在不同的屏幕尺寸下自适应。

.container {
width: 80%;
margin: 0 auto;
}
.item {
float: left;
width: 25%;
margin-right: 5%;
}

在上面的代码中，我们使用了相对单位百分比来设置.container元素的宽度，这样可以让.container在不同屏幕尺寸下自适应宽度。同时，我们利用相对单位百分比和margin-right属性来实现.item元素的自适应布局。

总之，相对位置是一种重要的CSS定位方式，它可以让我们在布局和响应式设计中更加灵活和方便。