html相對(duì)定位和絕對(duì)定位的區(qū)別(html相對(duì)定位和絕對(duì)定位的區(qū)別和聯(lián)系)
絕對(duì)定位absolute設(shè)置了絕對(duì)定位的標(biāo)簽會(huì)脫離文檔流,以瀏覽器客戶端的左頂點(diǎn)進(jìn)行位置偏移 相對(duì)定位relative設(shè)置了相對(duì)定位的標(biāo)簽會(huì)保留標(biāo)簽原來(lái)的位置空間,以標(biāo)簽自身的左頂點(diǎn)進(jìn)行位置偏移 以上就是兩者的區(qū)別,這個(gè)知識(shí)點(diǎn)。
1參照物為自身2相對(duì)定位只改變顯示的位置,而不會(huì)改變占用的空間位置3關(guān)于距離的正負(fù)值 二絕對(duì)定位 absolute 1參照物為具有定位屬性的父元素PS如果距離當(dāng)前最近的父元素不具有定位屬性,則會(huì)一層一層向外找。
絕對(duì)定位使元素的位置與文檔流無(wú)關(guān),因此不占據(jù)空間這一點(diǎn)與相對(duì)定位不同,相對(duì)定位實(shí)際上被看作普通流定位模型的一部分,因?yàn)樵氐奈恢孟鄬?duì)于它在普通流中的位置 普通流中其它元素的布局就像絕對(duì)定位的元素不存在一樣。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。