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