CSS中的相對定位是指元素相對于它的正常位置進行定位。那么,它相對于誰定位呢?
相對定位的參照物是元素自身,而不是相對于父元素或其他元素。也就是說,相對定位會改變元素的定位,但不會改變其它元素的位置。
<div style="position: relative; top: 20px; left: 30px"> <p>這是一個相對定位的div</p> </div>
在上面的例子中,div元素使用了相對定位,并將其向下移動了20像素,向右移動了30像素。這些移動只對該div元素有效,其他元素的位置不會發(fā)生變化。
需要注意的是,在使用相對定位時,元素的定位是相對于它原本在文檔流中的位置進行計算的。也就是說,如果該元素在原本位置上沒有占據(jù)空間,則相對定位不會影響其它元素。
總之,CSS中的相對定位相對于元素自身定位,不會影響其它元素的位置。在使用時,需要注意參照物是元素本身,而非父元素或其他元素。