positon 속성
CSS의 position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다.
top, right, bottom, left 속성으로 요소를 배치할 최종 위치를 결정합니다.
static
기본값으로 요소를 일반적인 흐름에 따라 배치합니다.
원래 있어야할 위치에서 이동 불가
top, right, bottom, left 속성이 영향을 주지 않습니다.
relative
요소를 일반적인 흐름에 따라 배치한 후 top, right, bottom, left 속성의 값에 따라 이동합니다.
원래 있어야할 위치에서 top, right, bottom, left 속성으로 이동 가능
absolute
position이 static이 아닌 가장 가까운 static이 아닌 상위 요소를 기준으로 배치합니다.
static이 아닌 요소가 없다면 body 요소까지 올라가게 되므로 주로 absolute를 줄 때 부모 요소에 relative를 주어 기준을 부여합니다.
fixed
viewport를 기준으로 배치합니다.
화면 스크롤에 영향을 받지 않고 고정된 위치에 배치됩니다.
sticky
일반적인 흐름에 따라 배치한 후 스크롤 동작에따라 ‘끈끈이’ 동작을 합니다.