CSS Essentials: position

박스의 위치를 정하는 방식을 지정합니다. table-column-group과 table-column 요소에는 적용되지 않습니다. top, right, bottom, left를 사용해서 옵셋 거리를 지정합니다.

position: absolute;

object.style.position = "absolute";

static: 특정 좌표를 지정하지 않고, 일반적인 위치에 표시합니다. 이 경우 top, right, bottom, left는 적용되지 않습니다.
relative: 박스의 일반적인 위치로부터 옵셋 거리만큼 떨어진 위치에 표시합니다.
absolute: 박스의 컨테이너 요소의 좌표를 기준으로 옵셋 거리만큼 떨어진 위치에 표시합니다. 다른 블록 레이아웃에 영향을 주지 않습니다.
fixed: absolute와 동일하지만 뷰포트에 고정되어 표시됩니다.
center: CSS 3. 컨테이너 요소의 중심을 기준으로 옵셋 거리만큼 떨어진 위치에 표시합니다.
page: CSS 3. absolute와 유사합니다.

CSS Essentials