position

CSS

걍가영 2019. 3. 10. 19:55

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

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

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

방향