Make outer div be automatically the same height as its floating content

Question

I want the outer div, which is black to wrap its divs floating within it. I dont want to use style=\'height: 200px in the div

Answer 1

You may want to try self-closing floats, as detailed on http://www.sitepoint.com/simple-clearing-of-floats/

So perhaps try either overflow: auto (usually works), or overflow: hidden, as alex said.