position: static|absolute|fixed|relative|sticky|initial|inherit;요소의 위치 설정 방식을 정의합니다.
| static | 기본값, 요소는 문서의 흐름에 따라 나타나는 순서대로 렌더링됩니다. |
| absolute | 상위 요소가 static 요소가 아닌 요소를 기준으로 절대적 위치에 배치됩니다. |
| relative | 기본 위치에서 상대적으로 상대적 위치에 배치하게 됩니다. |
| fixed | 브라우저 윈도우에 상대적 위치에 배치되어 브라우저 창에 고정됩니다. |
| sticky |
요소는 사용자의 스크롤 위치 기반으로 배치됨, 요소는 상대지정과 고정 사이를 토글합니다. 뷰포트에서 지정된 오프셋 위치가 충족될 때까지 상대적 위치에 배치된 다음 위치에 고정됩니다. |
position:static 이 아닌 경우에 각 변을 기준으로 해당요소가 떨어져 있는 거리를 지정합니다.
position:static; 이 아닌 경우에 요소의 겹침이 발생할 수 있는데, 이때 겹침 순서를 지정할수 있습니다.
큰 값을 가지고 있을수록 위에 배치됩니다