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

This entry was posted on 10/07/2009 at 17:14. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Posted in css by Filipe Teixeira Nunes No Comments Yet