float 한 요소가 보통 흐름에서 빠져 텍스트 및 인라인 요소가 그 주위를 감싸 해당 요소에 좌 우측에 배치되게 함. left : 왼쪽으로 right : 오른쪽으로 none : 기본값 inline, inline-block 요소에 float속성을 주게되면 block으로 계산되어 적용 float 해제하기 clear: both / right / left; container A B C 주의사항 : 자식 요소들이 모드 float 속성을 갖게 되면, 컨테이너 요소의 높이에 자식 요소들의 높이가 포함되지 않음. 해결방법 - 부모에게 높이 값 지정하기 - overflow: hidden; .container{ overflow: hidden; } - 부모의 가상 요소 ::after 사용 .container::after..