relative是相對(duì)定位,他是默認(rèn)參照父級(jí)的原始點(diǎn)為原始點(diǎn),無(wú)父級(jí)則以文本流的順序在上一個(gè)元素的底部為原始點(diǎn),配合TRBL進(jìn)行定位,當(dāng)父級(jí)內(nèi)有padding等CSS屬性時(shí),當(dāng)前級(jí)的原始點(diǎn)則參照父級(jí)內(nèi)容區(qū)的原始點(diǎn)進(jìn)行定位,有以下屬性:
1)如果沒(méi)有TRBL,以父級(jí)的左上角,在沒(méi)有父級(jí)的時(shí)候,他是參照瀏覽器左上角(到這里和absolute第一條一樣),如果在沒(méi)有父級(jí)元素的情況下,存在文本,則以文本的底部為原始點(diǎn)進(jìn)行定位并將文字?jǐn)嚅_(kāi)(和absolut不同)。
2)如果設(shè)定TRBL,并且父級(jí)沒(méi)有設(shè)定position屬性,仍舊以父級(jí)的左上角為原點(diǎn)進(jìn)行定位(和absolut不同)
3)如果設(shè)定TRBL,并且父級(jí)設(shè)定position屬性(無(wú)論是absolute還是relative),則以父級(jí)的左上角為原點(diǎn)進(jìn)行定位,位置由TRBL決定(前半段和absolut一樣)。如果父級(jí)有Padding屬性,那么就以內(nèi)容區(qū)域的左上角為原點(diǎn),進(jìn)行定位(后半段和absolut不同)。