在CSS中,position屬性用于指定一個元素的定位方式。它有三個值可用:static、relative和absolute。
當(dāng)position的值為static時,元素將使用普通的布局方式。這意味著它會被放置在文檔流中的一個位置,并且不會受到top、bottom、left、right等屬性的影響。
p{ position: static; }
當(dāng)position的值為relative時,元素將相對于它自己的原始位置定位。這意味著它可以使用top、bottom、left、right等屬性來調(diào)整位置。相對定位不會影響其它元素的布局。
p{ position: relative; top: 10px; left: 20px; }
當(dāng)position的值為absolute時,元素將相對于它最近的已定位祖先元素定位。如果沒有已定位的祖先元素,則它將相對于文檔的body元素定位。絕對定位的元素會脫離文檔流,并且不會影響其它元素的布局。
p{ position: absolute; top: 10px; right: 20px; }
總結(jié)來說,CSS中的position屬性用于指定元素的定位方式。可用的值包括static、relative和absolute。靜態(tài)定位使用普通的布局方式,相對定位相對于元素的原始位置進行定位,而絕對定位相對于最近的已定位祖先元素進行定位。