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

