position定位屬性 絕對(duì)定位和相對(duì)定位的區(qū)別是什么?
絕對(duì)定位和相對(duì)定位的區(qū)別是什么?位置:絕對(duì)定位:絕對(duì)定位是相對(duì)于元素最近的祖先元素(即具有絕對(duì)定位或相對(duì)定位的祖先元素)。如果元素沒(méi)有定位的祖先元素,則其位置相對(duì)于原始包含塊(主體)。絕對(duì)定位本身與文
絕對(duì)定位和相對(duì)定位的區(qū)別是什么?
位置:絕對(duì)定位:絕對(duì)定位是相對(duì)于元素最近的祖先元素(即具有絕對(duì)定位或相對(duì)定位的祖先元素)。如果元素沒(méi)有定位的祖先元素,則其位置相對(duì)于原始包含塊(主體)。絕對(duì)定位本身與文檔流無(wú)關(guān),因此不占用空間。普通文檔流中元素的布局與絕對(duì)定位元素不存在時(shí)相同,因此可以覆蓋頁(yè)面上的其他元素,并且這些層的順序可以通過(guò)Z-index屬性來(lái)控制。位置:相對(duì)定位:相對(duì)定位是相對(duì)于文檔中元素的初始位置。首先,它出現(xiàn)在其位置(即,未設(shè)置位置時(shí)的位置)。然后,通過(guò)設(shè)置垂直或水平位置,元素相對(duì)于其原始起點(diǎn)移動(dòng)。請(qǐng)注意,使用相對(duì)定位時(shí),無(wú)論是否移動(dòng),元素仍占據(jù)原始位置或原始空間。因此,移動(dòng)一個(gè)元素會(huì)導(dǎo)致它覆蓋其他框。