Float, Renderizando A altura Correta Do DIV

por em:

a

Leia+ Winamp 2.91: O melhor Player para Micros Antigos

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.

Esse é o código css da imagem acima:


E o HTML:

Leia+ Winamp 2.91: O melhor Player para Micros Antigos

         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:

Winamp 2.91: O melhor Player para Micros Antigos
Winamp 2.91: O melhor Player para Micros Antigos
         Elemento

Div pai

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

Leia+ Winamp 2.91: O melhor Player para Micros Antigos

Elemento

Div Pai

! 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!