• **`float: left`**는 내비게이션 링크를 가로로 배치하는 전통적인 방법입니다 • float의 작동 원리: • 각 링크가 왼쪽부터 차례로 배치됩니다 • 블록 요소들이 한 줄에 나란히 정렬됩니다 • 일반적인 문서 흐름에서 벗어나 떠있게 됩니다 • 내비게이션 바 구성의 핵심: ```css .topnav { overflow: hidden; /* float 정리 */ background-color: #333; /* 배경색 */ } .topnav a { float: left; /* 가로 배치 */ display: block; /* 블록 요소화 */ padding: 14px 16px; /* 클릭 영역 확보 */ } ``` • `overflow: hidden`의 필요성: • float된 자식 요소들을 부모가 포함하도록 함 • 레이아웃 깨짐 방지 • clearfix 기법의 일종 • 현대적 대안: • Flexbox: `display: flex` • CSS Grid: `display: grid` • 하지만 float는 여전히 널리 사용되는 안정적인 방법