CSS-DOM中的定位屬性position可以對網頁元素進行定位和排版,常用的屬性值有static、relative、absolute和fixed。
static是元素默認的定位屬性值,其在文檔流中按照默認方式排版,不受定位影響。
div { position: static; }
relative是相對定位,它相對于元素在文檔流中原本的位置進行定位。可以通過top、bottom、left、right屬性調整元素的位置。
div { position: relative; top: 10px; left: 20px; }
absolute是絕對定位,它的位置相對于最近的已定位祖先元素,如果不存在已定位祖先元素,則相對于文檔的body元素定位。同樣可以使用top、bottom、left、right屬性對其位置進行調整。
div { position: absolute; top: 50px; left: 100px; }
fixed是固定定位,元素相對于窗口進行定位,不隨滾動條滾動而改變位置。
div { position: fixed; top: 0; left: 0; }
使用定位屬性position可以使網頁布局更加靈活,實現想要的布局效果。