相對布局是CSS中一種非常常見的布局方式，它可以讓元素相對于它們在文檔中的原始位置發生變化。

在CSS中，可以使用position屬性來設置相對布局。有四種值可用于這個屬性：static、relative、absolute和fixed。其中，relative屬性可以將元素相對于它們的原始位置進行移動。

下面是一個用相對布局進行定位的例子：

div {
position: relative;
left: 50px;
top: 50px;
}

在這個例子中，我們將一個div元素的position屬性設置為relative，然后使用left和top屬性將它移動了50個像素。

相對布局還可以用于在文檔流中的元素之間創建間距。以下是一個例子：

div {
position: relative;
margin: 10px;
}

在這個例子中，我們將一個div元素的position屬性設置為relative，并通過在它周圍設置10像素的邊距來創建了間距。

總的來說，相對布局是CSS中非常實用的一種布局方式。它可以讓我們輕松地移動、間距和定位元素，使網頁布局更加靈活和可控。