position: absolute

요소를 일반적인 문서 흐름에서 제거하고, 페이지 레이아웃에 공간도 배정하지 않습니다. 대신 가장 가까운 위치 지정 조상 요소에 대해 상대적으로 배치합니다. 단, 조상 중 위치 지정 요소가 없다면 초기 컨테이닝 블록을 기준으로 삼습니다. 최종 위치는 top, right, bottom, left 값이 지정합니다. z-index의 값이 auto가 아니라면 새로운 쌓임 맥락을 생성합니다. 절대 위치 지정 요소의 바깥 여백은 서로 상쇄되지 않습니다.

예시
조상 요소의 position 속성이 정의 된 경우 (position: relative)
top: 1rem;
left: 2.5rem;
조상 요소의 position 속성이 정의 되지 않은 경우(postion: static, default)
Position 속성이 static일 경우 BOX2의 원래 위치
두번째 박스
bottom: 1rem;
left: 2.5rem;