Everything is a little Clearer

Floating is a very common occurrence in web development, and with SEO screaming there heads off at every little piece of extra code.  It is extremely common for developers to use clear:both after floated elements.  This ensures that the parent element has the correct height.

However did you know that its not needed and all you needed to do was set overflow on the container?

Nope? Neither did I. 

So throw away you clear mind and get into the overflow. (apologies for the cheesiness)

Example of clearing using overflow

div.wrapper {
	border: 1px solid #000000;
	overflow: auto;
	width: 100%
}

<div class="wrapper">
<div style="float:left">Left Col</div>
<div style="float:right">Right Col</div>
</div>