CSS] position absolute 상대위치를 적용

스타일시트의 position:absolute 의 경우 document 의 절대위치를 대상으로 적용 됩니다
position:fixed 와 비슷한 기능을 한다고 생각 할 수 있으나 상대좌표를 적용하는등의 다른점이 있음

기본 적용
position:fixed 는 현재 윈도우에 대하여 고유위치를 유지합니다
position:absolute 는 현재 문서에 대하여 고유위치를 유지합니다
 

position:absolute;left:0;top:0;

document [파란색 엘리먼트]

두번째 적용
position:absolute 는 부모엘리먼트가 position:relative 속성을 가질때 상대위치를 같이 적용 합니다
position:relative 는 상대위치를 적용하기 위해서 사용 하는 속성입니다

position:absolute;left:0;top:0;

document [파란색 엘리먼트]

position:relative