TIL | position 속성

💡 position이란?
-웹 문서 안 요소들을 원하는 배치 방향으로 정하는 속성이다.

• position속성의 사용법은 다음과 같다.

#position: static | relative | absolute | fixed
.new {
  position: absolute;
}

-static: position 속성의 기본값으로, 요소를 문서 흐름에 맞추어 배치한다

-relative: 이전 요소(주로 부모 요소)에 자연스럽게 연결되어 위치하며, top | right | bottom | left 속성을 사용하여 원하는 위치를 지정해 배치한다.

-absolute: 가장 가까운 부모 요소 혹은 조상 요소 중 {position:relative}인 요소를 기준으로 top | right | bottom | left 속성을 사용하여 원하는 위치를 지정해 배치한다.

-fixed: 지정한 위치에 고정하여 배치.