📌 fixed

• position: absolute; 와 동일하게 요소를 일반적인 문서 흐름에서 제거하며 페이지 레이아웃에 공간도 배정하지 않는다! 즉, normal flow에서 벗어나며 공중에 붕뜬것과 같은 상태가 된다!
• 뷰포트의 초기 컨테이닝 블록을 기준으로 삼아 배치한다!!!
  단, 요소의 조상 중 하나가 transform, perspective, filter 속성 중 none이 아니라면 뷰포트 대신 그 조상을 컨테이닝 블록으로 삼는다!
• 스크롤과 상관없이 항상 해당 위치에 고정된다!

🔥 컨테이닝 블록

• 대부분의 경우, 어떤 요소의 컨테이닝 블록이라 함은 가장 가까운 블록레벨 조상의 컨텐츠 영역 ( 항상 그런것은 아니니 주의 )

📌 sticky

• 요소를 일반적인 문서 흐름에 따라 배치
• top, bottom, left, right 속성이 필수
• 컨테이닝 블록(가장 가까운 블록 레벨 조상)을 기준으로 오프셋을 적용한다. 오프셋은 다른 요소에 영향을 주지 않는다.
• sticky박스의 부모요소가 scroll박스를 벗어나게 되면 sticky박스는 다시 일반적인 흐름에 따르게 된다!
• 아직 최신브라우저에서는 지원하지 않는다!