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