Html & css

Hello guys. I have a doubt about some html and css issues. I want to make a div that have no height.that can grow in height along with the divs that are inside this first div. I cant do this because when I put the divs that are inside, to be side by side I had in the CSS "float left" and "clear left". doing this, the main div don't grow with the divs inside. It's hard to explain, so I made a little graphic to explain it.

 

 

I hope someone can help me on this. Thanks and Cheers

Edited February 16, 201016 yr by Sam G
moved from Website Design and Layout

at the bottom of the outer div, add the following

 

<br style="clear:both;" />

A cleaner way is to add

overflow:auto;

to the container div - no need for a superfluous element that way.

Or overflow:hidden if you have trouble with scrollbars.

Yes I always use overflow:hidden