Position

• 이동 기준 설정
• 레이아웃을 짤 때 사용하는 문법

static

⌨️ 문법

position: static 

• 기본값
• 이동불가
  - right, left, top, bottom이 적용되지 않음

relative

⌨️ 문법

position: relative 

• 상대좌표
• 현재 위치 기준 좌표이동

absolute

⌨️ 문법

position: absolute 

• 절대좌표
• 부모 위치 기준 좌표이동
  - 부모가 absolute나 relative 이어야 부모 기준
  • 부모가 static인 경우 브라우저 기준

fixed

⌨️ 문법

position: fixed

• 스크롤을 내리더라도 계속 화면에 보여짐
• 부모태그와 상관없이 화면에 보여짐

stikcy

⌨️ 문법

position: sticky

• 부모태그에 해당하는 화면에만 보여짐

Z-index

⌨️ 문법

z-index : 100

• z축의 위치