This is column 1.

Floated left.

Floated left.

Floated left.

Floated left.

This is column 2.

Floated right.

Close this page

CSS - expanding a container (parent) box

This example demonstrates expanding a container/parent div box (yellow) as floating (column?) content is added to it.

An "invisible" div (with Clear=both, Height=1px) is placed after the columns and before the container end tag.

The CCS styles for this page are located in the <head> tag of this page, so just view the page source code to see what's going on.