[CSS 레이아웃] ③ Position (static, relative, absolute & fixed)

Position이란? CSS 레이아웃에서 position은 HTML 요소의 위치를 이동시킬 때, 그 기준점을 설정하는 데에 사용되는 속성이다. Position 속성의 값으로는 static, relative, absolute, fixed, sticky 이렇게 다섯 가지 유형이 있으며, 각 유형에 따라 top/bottom, left/right 속성으로 기준점으로부터 이동시키고 싶은 만큼 요소의 위치를 이동시킬 수 있다. 1. Static (기본값) 모든 요소가 기본값으로 갖는 Position 속성 아무런 설정을 하지 않은, 가장 일반적인 상태이다. 2. Relative 자기 자신이 원래 있던 자리를 기준으로 이동! Float이 적용된 요소는 "집 나간 자식"처럼 여겨져 해당 요소가 원래 있던 자리를 빈 공간..