CSS中的相對布局常用于網頁的布局設計中，可以實現元素的相對位置控制。

使用相對布局時，我們需要選擇要進行相對布局的元素，可以使用CSS的position屬性和top、left、bottom、right屬性來控制元素的位置和大小。其中，position屬性可以設置為relative，表示相對定位。

div{
position: relative;
top: 10px; /*相對于原來的位置向下移動10px*/
left: 20px; /*相對于原來的位置向右移動20px*/
}

除了top、left等屬性，還可以使用bottom、right屬性，它們表示元素的底部和右側到相對定位的元素之間的距離。

div{
position: relative;
top: 10px;
left: 20px;
bottom: 30px; /*底部與相對元素的距離為30px*/
right: 40px; /*右側與相對元素的距離為40px*/
}

使用相對布局時，需要注意元素的位置可能會影響其他元素的布局。如果需要對多個元素進行相對布局，建議為它們創建一個共同的包裹元素，并使用相對定位來控制它們之間的位置關系。

總之，CSS的相對布局功能可以更加靈活地控制網頁元素的位置和大小，提升用戶體驗和頁面效果。