position: static

일반적인 문서의 흐름에 맞춰 배치(디폴트)

position: relative

static과 같으나, 자신의 원래 위치를 기준으로 위치 조정

하위요소 중 absolute로 지정 된 요소가 있다면, 해당 하위요소의 기준점이 됨

position: absolute

relative가 지정된 상위요소를 기준으로 위치 조정

relative를 설정한 상위요소가 없을 경우, body를 기준으로 위치 지정

position: fixed

뷰포트(브라우저의 전체화면)을 기준으로 특정 위치에 고정

position: sticky

브라우저 화면을 스크롤 할 경우 나타나는 효과

자신의 위치가 화면 밖으로 벗어날 경우, 지정한 위치에 고정

z-index

요소의 배치 순서 결정(값이 높을 수록 앞에 위치한다.)