CSS中常常使用定位來控制元素的位置。而其中的一種定位方式就是相對定位。
position: relative;
相對定位會將元素相對于它本來應該在的位置進行移動,而不會對其他元素的位置有影響。
例如:
<div style="position: relative; left: 20px; top: 20px;"> <p>這是一個相對定位的div元素</p> </div>
上面的代碼將div元素相對于它本來的位置向左移動20像素、向上移動20像素。而這個div元素本身并不影響其他元素的位置。
需要注意的是,相對定位的元素仍然占據其原本應該在的位置,因此可能會導致與其他元素的重疊。如果需要移動元素并調整它和其他元素的位置,可以使用絕對定位。