在CSS中,給div添加定位可以通過設(shè)置position屬性來實現(xiàn),position屬性有四個值:static、relative、absolute和fixed。
1、Static:這是默認(rèn)值,表示元素按照正常的文檔流進行定位。
2、Relative:表示元素相對于其正常位置進行定位,即相對于***近的非static定位祖先元素進行定位。
3、Absolute:表示元素相對于***近的非static定位祖先元素進行定位,如果沒有非static定位祖先元素,則相對于初始包含塊進行定位。
4、Fixed:表示元素相對于瀏覽器窗口進行定位,即使頁面滾動,元素也會固定在相同的位置。
下面是一個給div添加相對定位的例子:
div { position: relative; left: 50px; top: 20px; }
這個例子中,div元素會相對于其正常位置向右移動50像素,向下移動20像素。
如果需要添加***定位,可以將position屬性設(shè)置為absolute,然后設(shè)置top、right、bottom和left屬性來指定元素的具體位置。
div { position: absolute; top: 0; right: 0; }
這個例子中,div元素會位于其父元素的右上角,如果沒有父元素,則會位于初始包含塊的右上角。