<div class=”container”>
   <div class=”B”></div>
   <div class=”C”></div>
</div>

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

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

container에 overflow:auto; 해준다.

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

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

* 추가사항 (나중에 알아낸 방법)
.container:after{display:block;clear:both;content:”}
=> 소스코드에 clear:both 한줄을 넣을 필요없이 처리할수 있음