Formatting nested div elements using float

I have 3 (div) tags set inside another (div). The three interior divs are laid out as text columns. When the page is resized, I want them to collapse under each other in one column, within the outer box . This works fine using float:left; . However, this also causes the exterior div to collapse and float outside the text boxes.

How can I keep the inner divs contained inside the outer one, whilst still realigning into one column?

Does the exterior div have a containing mechanism? E.g. overflow:hidden;?

No. Is that what I’m missing?

Ah… that’s working great now. Thanks! :slight_smile:

Glad to hear it!

<randomPlug>
http://codefundamentals.com/blog/clearing-and-containing-floats.php
</randomPlug>

In the future though, please give us a link to go off of. It’s hard to guess in the dark.