모든 div태그는 display: block(가로행 전부 차지) 가짐
그래서 각각 div를 주면 아래로 차곡차곡 쌓임
box 나란히 배치하려면 float: left해줘야함(요소를 붕 띄워서 왼쪽 정렬)
즉, box 가로배치시
float: left;
근데 float: left;를 하고 나면 다음에 오는 요소는 겹쳐져서 안보임
이 때, float 다음에 오는 요소에게 clear: both; 주면 float로 발생하는 이상현상 해결 가능!
clear: both;