CSS的相對(duì)定位是一種非常實(shí)用的技術(shù),它允許你通過(guò)相對(duì)于其他元素或自身的位置來(lái)定位一個(gè)元素,使用相對(duì)定位,你可以輕松地調(diào)整元素的位置,使其與其他元素更加協(xié)調(diào)或更加美觀。
在CSS中,使用相對(duì)定位的關(guān)鍵字是“relative”,你可以將一個(gè)元素的定位設(shè)置為“relative”,然后指定它相對(duì)于其他元素或自身的位置,你可以將一個(gè)元素向下移動(dòng)20像素,或者向右移動(dòng)30像素。
除了使用“relative”關(guān)鍵字外,你還可以使用“position”屬性來(lái)指定元素的定位類(lèi)型?!皃osition:relative”表示該元素采用相對(duì)定位。
使用相對(duì)定位時(shí),你還可以使用“top”、“bottom”、“l(fā)eft”和“right”屬性來(lái)指定元素相對(duì)于其他元素或自身的位置,這些屬性的值可以是正數(shù)或負(fù)數(shù),表示向上、向下、向左或向右移動(dòng)的距離。