position:absolute; 他的意思是絕對定位，他是參照瀏覽器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面簡稱TRBL)進行定位，在沒有設定TRBL，默認依據父級的做標原始點為原始點。如果設定TRBL並且父級沒有設定position屬性，那么當前的absolute則以瀏覽器左上角為原始點進行定位，位置將由TRBL決定。
Relative，CSS中的寫法是：position:relative; 他的意思是絕對相對定位，他是參照父級的原始點為原始點，無父級則以BODY的原始點為原始點，配合TRBL進行定位，當父級內有padding等CSS屬性時，當前級的原始點則參照父級內容區的原始點進行定位。
relative沒有跳出文本流，定位是相對於父級和兄弟節點。absolute跳出文本流，是相對於父級且帶有定位，如果父級沒有定位屬性，那么就會往上一級再找是否帶定位，找到頂級之后如果還沒有定位，就以body定位。
鏈接：https://www.jianshu.com/p/de4a93429e00