相對定位(Relative Positioning)是CSS中最常用的定位方式之一。它是一種相對于元素原本靜態(static)位置進行定位的方法。
相對定位(Relative Positioning)的使用方法是通過設置元素的 position 屬性為 relative 來實現。它可以讓元素相對于其原本所在位置進行偏移,并保持元素原本所占用的空間。
例子: div { position: relative; top: -20px; left: 20px; }
在上面的例子中,我們使用相對定位將 div 元素往上20像素、往左20像素進行偏移。
相對定位(Relative Positioning)有許多應用場景,例如制作圖片對齊、創建導航菜單等。
需要注意的是,相對定位(Relative Positioning)的偏移量是相對于元素原本的位置而言的。與之相對的是絕對定位(Absolute Positioning),它是相對于最近的一個父級容器進行定位的。
總之,相對定位(Relative Positioning)是一種非常常用的CSS定位方式,它通過相對于元素原本所在位置進行偏移,常常被用于制作圖片對齊和導航菜單等效果。