[CSS] 포지션(position)

static

기본으로 설정되는 속성이다.
차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다.

relative

• top, right, bottom, left 속성으로 위치를 조절할 수 있다.
• 주어진 길이만큼 태그의 '안(in)' 쪽으로 이동한다. 길이를 음수로 주면 '바깥(out)'으로 이동한다.
• static인 상태를 기준으로 주어진 픽셀만큼 움직임

absolute

• position: static 속성을 가지고 있지 않은 부모(relative, absolute, fixed)를 기준으로 주어진 길이만큼 '안(in)'으로 움직임
• static이 아닌 부모 요소가 없다면, 가장 상위 태그인 body를 기준으로 움직임

fixed

• 항상 고정된 위치를 갖게 해줌
• 내비게이션바, 상단 바 등을 위해 쓰임