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

 


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



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



높이가 0 입니다.

이 div 에 

display: inline-block;

속성을 넣으면 




해결됩니다.