float:left의 부모가 height 를 가지지 않을 때 해결법

float:left의 부모가 height 를 가지지 않을 때 해결법??

위와 같이 아래에 img 와 div 에 float:left 속성을 주고 나서 위의 div 의 크기를 확인해보면??

높이가 0 입니다.

이 div 에 

display: inline-block;

속성을 넣으면 

해결됩니다.