CSS Position

HTML에서 element를 배치하는 방법을 지정하는 속성

element가 HTML에서 일반적인 흐름을 따라 배치

→ 차례대로 왼쪽에서 오른쪽, 위에어 아래로 쌓임

position을 지정하지 않았을 때 기본적으로 적용되는 값

static 상태를 기준으로 태그의 위치를 살짝 변경하고 싶을 때 사용

top, right, bottom, left 속성을 사용해 위치 조절이 가능하다.

해당하는 속성의 방향으로 주어진만큼 움직임

z-index 속성 : 태그들이 겹칠 때 누가 더 위에 위치할지 결정하는 속성으로 기본값은 0으로 주어진다.

static 속성을 가지고 있지 않은 부모를 기준으로 움직임

부모 중 position이 static이 아닌 태그가 없다면 가장 위의 태그인 body가 기준이 된다.

스크롤을 내려도 위치를 고정