CSS – stop using clearing divs

Quando estou a fazer uma estrutura com divs para uma página muita das vezes, tenho problemas com os float.

Caso utilize um div com a propriedade float:left; ou float:right; o div seguinte fica escondido atrás do div anterior para utilizar isso uso um velho truque que é criar outro div com a propriedade: clear:both;

Mas hoje encontrei um bom tutorial que evita ter que usar sempre isso…

A solução é criar um div container com as seguintes propriedades

div.container {
	border: 1px solid #000000;
	overflow: auto;
	width: 100%
}
Um bom exemplo disso é este tutorial que explica bem os procedimentos a seguir :
http://www.quirksmode.org/css/clearing.html