엘리먼트에 float 속성을 주면 배치가 어떻게 되는지 그림으로 그려봤습니다.
float 속성을 주게 되면 그 엘리먼트는 공중으로 떠오르고? 나머지 엘리먼트들이 공중부양된 엘리먼트가 없었던 듯이 배열됩니다. 떠오른 엘리먼트 아래 자리잡은 엘리먼트 안의 컨텐츠는 떠오른 엘리먼트의 그늘을 피해 흐릅니다.
만약 그 아래 연두색 부분까지 파란 엘리먼트에 가려지면 안되는 상황이라면
연두색 엘리먼트에 clear 속성을 주면 파란 엘리먼트가 연두 엘리먼트에 그늘을 드리우지 못하게 차단하 게 됩니다. 공중차단..... ㅋㅋ
그림 퍼갈때 블로그 주소 지우고 자기 블로그 주소 넣고 쓰신분 봤습니다.
그러지 마세요.