Float, Renderizando A altura Correta Do DIV

por em:

a

O float é muito usado, em layouts que usam DIVs, para posicionar corretamente os elementos das páginas. Um fato a ser lembrado é que quando se flutua determinados objetos dentro de um DIV pai o navegador não irá calcular a altura do mesmo.

Elemento

Div Pai

Esse é o código css da imagem acima:


E o HTML:

         Elemento

Div pai

Isso é facilmente resolvido usando um div com clear setado em both antes de fechar o DIV pai para limpar a flutuação. Ficando assim:

         Elemento

Div pai

E como resultado os navegadores irão renderisar corretamente a altura do DIV pai:

Elemento

Div Pai

Minecraft Pirata

! Seja o primeiro a comentar!

Escreva O Seu Comentário!

Ficou com alguma dúvida?
Tem uma crítica construitiva ou uma sugestão maneira?
Escreva ai embaixo, mas não maltrate o português, por favor!