position

position은 문서 상에 요소를 배치하는 방법을 정의

position이 요소의 배치 방법을 결정

top, bottom, right, left가 최종 위치를 결정하는 방식

⇒ 상하좌우 위치 지정은 필요에 따라 선택적으로 사용!

position의 속성

속성값	의미
static	기본값, 요소를 일반적인 문서 흐름에 따라 배치
relative	일반적인 문서 흐름에 따라 배치하되, 상하좌우 위치 값에 따라 오프셋을 적용
absolute	일반적인 문서 흐름을 제거하고, 가장 가까운 position 지정 요소에 대해 상대적으로 오프셋을 적용
fixed	일반적인 문서 흐름에서 제거하고, 지정한 위치에 고정
sticky	일반적인 문서 흐름에서 제거하고, 스크롤 동작이 존재하는 가장 가까운 요소에 대해 오프셋을 적용

relative 속성값을 사용한 div 태그 뒤에 p태그를 사용하면, 원래 div태그가 있어야 하는 위치 뒤에 p태그의 내용이 나타난다.

absolute로 지정하게 되면 문서의 흐름에서 제거된다.

⇒ div를 absolute로 설정하고 p태그를 추가하면 원래 div가 있어야 하는 위치에 p태그의 내용이 나타난다.