CSS中的三個相對位置包括：相對定位、絕對定位和固定定位。通過使用這些相對位置，您可以更好地控制網頁元素的位置和布局。

相對定位：
相對定位是指元素相對于自己原來在文檔流中的位置進行定位。通過使用position:relative屬性，您可以指定元素相對于其原來的位置進行移動?？梢允褂胻op、bottom、left和right屬性來指定元素相對于原來位置的偏移量。

<div style="position:relative; top:20px; left:50px;">
相對定位示例
</div>

絕對定位：
絕對定位是指元素相對于父元素進行定位。通過使用position:absolute屬性，您可以指定元素相對于其最近的非static父元素進行定位?？梢允褂胻op、bottom、left、right屬性來指定元素相對于父元素的偏移量，也可以使用margin屬性來調整元素的位置。

<div style="position:relative;">
<div style="position:absolute; top:20px; left:50px;">
絕對定位示例
</div>
</div>

固定定位：
固定定位是指元素相對于瀏覽器窗口進行定位。通過使用position:fixed屬性，您可以指定元素相對于瀏覽器窗口的位置?？梢允褂胻op、bottom、left和right屬性來指定元素相對于瀏覽器窗口的偏移量。

<div style="position:fixed; top:20px; left:50px;">
固定定位示例
</div>

通過使用這些相對位置，您可以更好地控制元素的位置和布局，從而創造出更美觀和易于用戶操作的網頁。