[ CSS: position ]레이아웃

주로 사용하는 position에는 static, relative,absoulte, sticky가 있다.

realtive

• 요소 자기 자신을 기준으로 배치
• 부모 컨테이너에 positive: relative를 준다.

absoulte

• 자신의 가장 가까운 부모중에 position:relative를 기준점으로 상대적인 이동을 한다.
• 만약 부모태그에 relative가 없다면 기준이 body가됨

fixed

• 항상 고정되서 위치

sticky

• 스크롤이 되는 순간에도 고정되서 스크롤이됨