HTML中的position屬性可以控制一個元素在頁面中的定位情況,有以下幾種可選值:
position: static; // 默認值,元素在文檔流中,不進行特殊處理 position: relative; // 相對定位,相對于元素在文檔流中的原始位置進行定位 position: absolute; // 絕對定位,相對于父級元素進行定位 position: fixed; // 固定定位,相對于整個窗口進行定位,不隨滾動條滾動而改變位置
其中,relative和absolute定位的元素可以通過left、right、top和bottom屬性進行具體的定位操作,例如:
div { position: relative; left: 50px; top: 50px; }
上面的代碼將一個div元素相對于原始位置向右50px、向下50px進行相對定位。
需要注意的是,position屬性只對設置了該屬性的元素生效,對未設置該屬性的父級元素不會產生影響。