CSS — stop using clearing divs

Quando estou a fazer uma estru­tura com divs para uma página muita das vezes, tenho prob­le­mas com os float.

Caso uti­lize um div com a pro­priedade float:left; ou float:right; o div seguinte fica escon­dido atrás do div ante­rior para uti­lizar isso uso um velho truque que é criar outro div com a pro­priedade: clear:both;

Mas hoje encon­trei um bom tuto­r­ial que evita ter que usar sem­pre isso…

A solução é criar um div con­tainer 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