How to make a parent div grow with its children?

Answer 1

The only reason why your parent div would not grow with its content is if it's content is absolute positioned or is using floats, in the former case there is nothing you can do short of resizing it with javascript, in the latter you can put the following code at the end of your floating elements:

So say both the child elements in your example have a float, the code would look like this

     

           ** CONTENT GOES HERE **
           

     
     

           ** CONTENT GOES HERE **
           

     

You can use any node, as long as you use "clear: both" on it (So

would work too).