position은 웹 페이지에서 요소의 위치를 나타내는 객체입니다.
static
: 기준이 없는 배치 불가능한 기본 값
relative
: 자기 자신을 기준으로 배치되고, 위치는 top, right, bottom, left속성에 의해 지정됩니다.
absolute
: 부모(조상) 요소를 기준으로 배치되고, 위치는 top, right, bottom, left속성에 의해 지정됩니다.
fixed
: 요소가 브라우저 창에 상대적으로 배치되고, 위치는 top, right, bottom, left을 사용하면 왼쪽 최상단을 기준으로 좌표 기준점이 설정됩니다.
sticky
: 스크롤 영역 기준으로 배치되고, 다른 속성들과는 다르게 top, right, bottom, left 중 한개의 속성이 필수입니다.