相對定位與絕對定位
絕對定位:當元素絕對定位時,元素脫離文檔流,自成塊級框,以父級元素為參照物進行定位,如元素沒有父級,就往上尋找,一直到body。
相對定位:當元素相對定位時,元素不脫離文檔流,以自身原點為參照物進行定位,定位后之前的元素框依然存在。
各位大神,我這么理解對不對,如果有錯的還望指教,最好說詳細的,拜托了
絕對定位:當元素絕對定位時,元素脫離文檔流,自成塊級框,以父級元素為參照物進行定位,如元素沒有父級,就往上尋找,一直到body。
相對定位:當元素相對定位時,元素不脫離文檔流,以自身原點為參照物進行定位,定位后之前的元素框依然存在。
各位大神,我這么理解對不對,如果有錯的還望指教,最好說詳細的,拜托了
2018-04-16
舉報
2018-04-16
為元素設置層模型中的絕對定位,需要設置position:absolute(表示絕對定位),這條語句的作用將元素從文檔流中拖出來,然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。如果不存在這樣的包含塊,則相對于body元素,即相對于瀏覽器窗口。
為元素設置層模型中的相對定位,需要設置position:relative(表示相對定位),它通過left、right、top、bottom屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個元素(并且元素像層一樣浮動了起來),然后相對于以前的位置移動,移動的方向和幅度由left、right、top、bottom屬性確定,偏移前的位置保留不動。