좌표 속성을 이용하려면 기준이 되는 위치를 지정해줘야 한다.
그것이 바로 position.
position 속성은 4가지가 있다.
.box {
position : static; /* 기준이 없다 (좌표적용 불가) */
position : relative; /* 기준이 내 원래 위치 */
position : absolute; /* 기준이 내 부모 */
position : fixed; /* 기준이 브라우저 창 (viewport) */
}
-> 여기서 absolute는 position: relative값을 가진 부모가 기준이다.
부모에 달라 붙어서 위치이동을 하게 된다.