Why does wrapping div not expand around floating elements?

css css-float
Moshe picture Moshe · Oct 25, 2010 · Viewed 16.5k times · Source

I have two columns in a center column. (They are all div tags.) When I set the inner divs to float:left, the outer div does not wrap around the inner divs.

Why, and how do I fix that?

Answer

Brad Mace picture Brad Mace · Oct 25, 2010

set overflow: auto on the outer div.

Why does setting overflow alter layout of child elements?

Related questions

How do I center floated elements?

I'm implementing pagination, and it needs to be centered. The problem is that the links need to be displayed as block, so they need to be floated. But then, text-align: center; doesn't work on them. I could achieve it by …

Read More
How to align 3 divs (left/center/right) inside another div?

I want to have 3 divs aligned inside a container div, something like this: [[LEFT] [CENTER] [RIGHT]] Container div is 100% wide (no set width), and center div should remain in center after resizing the container. So I set: #container{width:100%;} #left{…

Read More
How to float 3 divs side by side using CSS?

I know how to make 2 divs float side by side, simply float one to the left and the other to the right. But how to do this with 3 divs or should I just use tables for this purpose?

Read More