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

Use clear: both;

I spent over a week trying to figure this out!