float 활용시 height가 0이 되는 문제

출처부분에 보면 여러가지 방법을 제시하고 있다.

가장 간단한 방법으로 clear 속성을 가진 div를 추가시켜주는 걸로 해결 함

.test{

float:left

}

.clear{

clear:both;

}

...

<div class="test">

<div class="clear"></div>

</div>

이런식으로 추가해주면 간단하게 해결된다.

출처 - http://ecolemodev.wikinamu.com/float%20%EC%97%98%EB%A6%AC%EB%A8%BC%ED%8A%B8%EC%9D%98%20%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88%EC%9D%98%20height%EA%B0%80%200%EC%9D%B4%20%EB%90%98%EB%8A%94%20%EB%AC%B8%EC%A0%9C