Dica de CSS: Float – Quando div pai não acompanha o tamanho das divs filhas
Estava lendo um post sobre float no blog Desenvolvimento para Web e me deparei com uma ótima dica para ajeitar aquele problema onde a div pai não acompanha o tamanho das divs filhas.
Arrumar o float para ajustar a altura do elemento pai
Elementos que contêm elementos float não calculam sua altura como é de se esperar. De fato, se o elemento pai contém apenas elementos flutuadores, navegadores vão renderizar a altura em zero (como se fosse “height:0“).
É um erro que todo mundo já deve ter visto acontecer mas eu nunca soube o que gerava esse problema.
Para consertar basta dar um “clear” antes de fechar a tag pai; algo como: <br clear=”all” /> ou via CSS com o clear:both, por exemplo.
