Position 속성
요소를 원하는 곳에 띄우는 Position
일반적인 문서 흐름(Normal Flow)에서 벗어나 요소를 자유롭게 배치할 때 사용합니다.
요소가 겹칠 땐? z-index
position을 사용하여 공중에 띄운 요소들이 서로 겹칠 때, 누가 앞으로 올지 결정하는 것이 z-index입니다.
숫자가 클수록 사용자에게 가깝게(위로) 배치됩니다. (예: 모달창은 보통 9999)
[참고] Float와 Clear (과거의 유산)
과거에는 레이아웃을 잡을 때 float: left와 clear: both를 억지로 사용했습니다. 하지만 현재는 Flexbox와 Grid가 그 역할을 완벽히 대체했습니다. float는 이제 오직 "이미지 주위로 텍스트를 감싸게 할 때(Text wrapping)"만 제한적으로 사용하세요.