position의 주요 속성값과 특징을 표로 정리하면 다음과 같습니다.

표 8-1 position의 주요 속성값과 특징

position 주요 속성값	차원	부모 자식 간에 발생하는 마진 병합 현상	top, right, bottom, left 적용	자식의 높이 값이 부모에게 미치는 영향
static	2차원	O	X	O
fixed	3차원	X	O	X
relative	2차원, 3차원	O	O	O
absolute	3차원	X	O	X

 

지금까지 주요 position 속성값의 주요 특징을 살펴보았습니다. 이처럼 position 속성은 선택된 태그의 상태를 2차원 또는 3차원으로 변경할 때 사용하며, 이는 웹 사이트 레이아웃 작업에까지 영향을 미칩니다. 특히 부모 자식 간의 마진 병합 현상, margin-top 속성 또는 top 속성을 사용할 때 달라지는 좌표 기준점 등은 레이아웃 작업의 중요한 요소이므로 position 속성의 주요 개념을 꼭 숙지하기 바랍니다.