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