AI 요약관련 정보

• 모든 HTML 요소는 기본적으로 static 위치를 갖습니다. 🧱
• static 요소는 문서의 흐름에 따라 배치되며, top, left, right, bottom, z-index 속성이 적용되지 않습니다. 🚫
• fixed 요소는 뷰포트를 기준으로 고정된 위치에 있으며, 스크롤해도 움직이지 않습니다. 📍
• fixed 요소를 화면 중앙에 배치하려면 top: 50%; left: 50%; transform: translate(-50%, -50%);를 사용합니다. 🎯
• fixed 요소는 DOM 구조와 상관없이 뷰포트에 고정됩니다. 🛸