✏️ 문서의 흐름 이해하기
웹 요소들이 화면에 표시되는 순서는 기본적으로는 HTML 문서 내 태그가 쓰여진 순서
좌에서 우, 상에서 하
✏️ float 속성
float 속성은 요소를 문서의 흐름에서 제외시킨 채 부모 요소 또는 루트 요소를 기준으로 위치를 변경
선택된 요소가 문서의 흐름에서 제외되어 상위 요소의 왼쪽 도는 오른쪽 면에 붙는 형태로 배치
속성 값: left, right, none
🔎 float의 역효과를 방지하는 clear 속성
float 속성을 적용한 요소를 '부동 요소'라고 함
위치를 이동하면서 다른 요소의 공간에까지 영향을 주는데 clear 속성을 사용해서 이 역효과 방지
속성 값: left, right, both
안녕하세요☺️