CSSPosition是用來定義HTML元素的定位方式的屬性。它有四個屬性值:static, relative, absolute, fixed。
static:默認值,元素按照文檔流進行正常排列,不受top, right, bottom, left的影響。
relative:元素相對于其正常位置進行定位,通過設置top, right, bottom, left屬性來調整元素的位置。
absolute:元素相對于其最近的已定位的祖先元素進行定位,如果沒有已定位的祖先元素,則相對于最初的包含塊進行定位。通過設置top, right, bottom, left屬性來調整元素的位置。
fixed:元素相對于瀏覽器窗口進行定位,當用戶滾動頁面時,該元素仍然固定在頁面的特定位置。通過設置top, right, bottom, left屬性來調整元素的位置。
使用CSSPosition屬性可以實現網頁布局中的絕對定位、固定定位等效果,使得頁面在不同屏幕尺寸下都可以展示出理想的布局效果。