position 이란?
레이아웃을 배치하거나 객체를 위치시킬 때 사용되는 CSS속성. 상속되지 않으며, 상하좌우의 위치 설정이 가능함.
static
모든 태그들의 default값.
relative
relative는 자기자신을 기준으로 배치하는 방식이다. static 상태를 기준으로 주어진 값만큼 움직인다.
absolute
absolute는 부모의 속성에 position:relative; 속성이 있는 경우, 부모의 영역을 기준으로 움직인다. 부모의 속성이 없다면, 태그를 기준으로 움직이게 된다.
fixed
fixed는 스크롤을 올리거나 내림에 상관없이 특정 위치에 고정이 되며, relative의 기준점에 영향을 받지 않는다.
