相對(duì)定位(relative positioning)是一種 CSS 規(guī)則,通過這種規(guī)則,可以使一個(gè)元素相對(duì)于其正常位置進(jìn)行微調(diào)。
要將一個(gè)元素作為相對(duì)定位元素,需要使用如下 CSS 代碼:
position: relative;
這將使選定的元素相對(duì)于其正常位置進(jìn)行微調(diào)。
相對(duì)定位經(jīng)常與 CSS 中的 top、right、bottom 和 left 屬性一起使用,這些屬性可用于指定相對(duì)位移量。例如,下面的代碼將使元素向右移動(dòng) 20 像素:
position: relative; left: 20px;
相對(duì)定位允許您在不影響試圖占用相同空間的其他元素的情況下對(duì)元素進(jìn)行重新定位。
但是,需要注意的是,相對(duì)位置仍然占據(jù)其原始空間,因此周圍的元素仍然會(huì)根據(jù)它的位置來確定自己的位置。
上一篇相加css