Clearing Floats

Published by Robert Bousquet on 2010-05-19 01:00:00 UTC

In the past, you may have used a <div style="clear:both"></div> to force a container to clear it’s floated contents. This has worked pretty well for a couple years, but yesterday I stumbled across a better solution: Simply remind the container div that it should be: overflow: auto in your stylesheet and it’ll do the right thing.