Float Creates Overlapping Divs

Question

I have two divs (one inside of the other) and am running into a bit of a problem when I float the one inside to \"left\". The problem is that the outer div doesn\'t expand its

Answer 1

You need to use the clear-fix. Insert the following after your floated div, and within the containing div.

And add the following style:

.clear { clear:both; }

Example:

  
Hello World