Float, Renderizando A altura Correta Do DIV

por em:

a

Leia+ The Clone Wars Na Cartoon Network E TV Globinho

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+ The Clone Wars Na Cartoon Network E TV Globinho

         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:

The Clone Wars Na Cartoon Network E TV Globinho
The Clone Wars Na Cartoon Network E TV Globinho
         Elemento

Div pai

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

Leia+ The Clone Wars Na Cartoon Network E TV Globinho

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!

This site uses Akismet to reduce spam. Learn how your comment data is processed.