position

position

position 속성은 태그를 어떻게 위치시킬지 정의합니다.

li {
  position: absolute;
  top : 0;
  left : 50%;
}

• static: 기본값. 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다.
• absolute: 부모요소(태그) 위치의 상대값에 따라 배치됩니다.
  absolute 사용할 경우 부모 요소에 항상 relative를 부여합니다.
  상대값에 따라 배치되기 때문에 기준점을 부여하면 사용하기 편하기 때문입니다.
• relative: 원래 있던 위치를 기준(자기 자신 기준)으로 좌표를 지정합니다.
• fixed: 스크롤과 상관없이 항상 문서 최 좌측 상단을 기준으로 좌표를 고정합니다.

방향

• left: 왼쪽
• right: 오른쪽
• top: 위
• bottom: 아래