float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법

<div class="A">
   <div class="B"></div>
   <div class="C"></div>
</div>

위와 같이 상황에서 B,C를 각각 float:left; float:right; 를 시켰을 때
A에 적용한 백그라운드가 안보인다.
왜냐면 A 영역의 높이가 0px 되어 버리기 때문이다.

그 문제를 해결하기 위해 고민하다가 알아냈다..!!!

A에 overflow:auto; 해준다.

도움받은곳 : http://dailylog.tistory.com/19



위의 방법말고 일반적으로 많이 쓰는 방법은...
<div class="A">
   <div class="B"></div>
   <div class="C"></div>
   <div style="clear:both;"></div>
</div>