position

정적 위치

• 자동으로 배치됨

상대 위치

• 원래 있어야 하는 위치 기준으로 좌표 지정 가능
• 문서의 일반적 흐름에 포함됨 (본래 공간으로 다른 요소가 채워지지 않음)

절대 위치

• relative한 부모 요소가 없으면 body 기준으로 위치
• 문서의 일반적인 흐름에 포함x, 페이지 레이아웃 공간도 배정되지 않음 (다른 요소 덮어씌움)

고정 위치 (젤 많이 쓰임)

• 뷰포트 기준 배치
• 스크롤했을 때 절대 움직이지 않음

Z-index

요소가 겹쳐있을 때 z-index가 높을수록 전면에 위치

overflow: scroll

넘치지 않아도 스크롤 영역이 보여짐

overflow: auto

넘치면 스크롤이 생김

CSS animation