[컴][웹] css 에서 float: left 로 인해 height 가 제대로 잡히지 않는 경우

float: left 로 인해 height 가 인식되지 않는 경우 /

float: left;

가 적용된 경우에 outer (container) 가 height 를 제대로 확장하지 못할 수 있다.
이 때는 container 에 overflow:hidden 을 해주면 된다.

#container{
 overflow: hidden;
}

이것을 사용하게 되면, 화면이상으로 보여지는 것은 안보이기 때문에 다른 화면에 영향을 주는 지 확인을 해 봐야 한다.


ref. 2 에서 이유를 설명해 준다.

Reference

1. Make outer div be automatically the same height as its floating content, StackOverflow
2. Why isn't overflow:auto required for text content?, StackOverflow