html - How to make a div grow with content?

Question

Pertaining to html, how do I make a div container grow with the content instead of manually defining a width and height.

<div id="container">
  <div id="logo">
    <img src="someimage.png"/>
  </div>
</div>

No matter what the dimensions of logo are, container does not grow with it. :( How would I fix this, or can it be fixed?

question from:https://stackoverflow.com/questions/4657148/how-to-make-a-div-grow-with-content

Answer 1

If you don't define width and/or height, the div element grows along with its content. Unless his content is set to absolute! If the content is set to float, you have to set to the container

overflow:hidden

in order to let it grow!