How to make a div height to fill available space

Question

I have a 3 column layout with some details below the columns.

You will not

Answer 1

In addition to adding the background color to the container, you'll also need to make the container take up the space of the children.

You can add float:left to the container like Richard's answer or If you don't want to make the container float, you can add an empty "clear" div afterwards. It's less semantically correct, but if you can't or don't want the container floated it's another option.

JsFiddle: http://jsfiddle.net/gvJrJ/4/