자식 엘리먼트가 float로 배치를 했으면 부모 엘리먼트 끝나는 시점에 clear를 해주어야 한다. (이유: 부모 엘리먼트가 정상적으로 높이를 확보하도록)
예전에는 아래와 같이 html에 clear 코드를 추가해주었음!
더 세련된 방법으로 아래와 같이 가상 엘리먼트 after를 만들어주는 방법이 있다.
이외에도 다른 방법이 있으니 다른 강의 참조할 것!!! (오버플로워 등)
출처: 1분 코딩