<中文文章>CSS相對定位是一種定位方式，它是相對于元素原先的位置進行調整的。相對定位元素仍然占據其原來的空間，但是它可以沿著頁面進行移動。本文將介紹CSS相對定位的使用方法。 要使用CSS相對定位，需要在CSS樣式表中標識出相對定位元素。可以通過設置position屬性為relative來實現相對定位。當position屬性設置為relative時，元素的定位相對于它最初的位置。這意味著元素仍然占據著其最初的空間。 請看下面這個例子： pre { background-color: #f5f5f5; padding: 10px; } p { position: relative; left: 30px; } 在這個例子中，我們使用了position: relative將p元素設置為相對定位。我們使用了left屬性將其向右移動了30個像素。由于這是相對定位，p元素仍然占據著其原先的位置，但是它向右移動了30個像素。 相對定位的另一種常見用途是將元素沿著頁面進行移動。您可以使用top、bottom、left和right屬性來指定元素的移動方向和距離。例如，您可以使用下面的CSS代碼將一個元素向下移動10個像素： pre { background-color: #f5f5f5; padding: 10px; } p { position: relative; top: 10px; } 在這個例子中，我們使用了position: relative將p元素設置為相對定位。我們使用了top屬性將其向下移動了10個像素。 可以使用負值來相對于元素向上或向左移動。例如，您可以使用下面的CSS代碼將一個元素向左移動20個像素： pre { background-color: #f5f5f5; padding: 10px; } p { position: relative; left: -20px; } 在這個例子中，我們使用了position: relative將p元素設置為相對定位。我們使用了left屬性將其向左移動了20個像素。 總結一下，CSS相對定位是一種定位方式，它是相對于元素原先的位置進行調整的。可以使用position: relative屬性標識出相對定位元素，并使用top、bottom、left和right屬性來指定元素的移動方向和距離。相對定位元素仍然占據其原來的位置，但是它可以沿著頁面移動。