Solução para alinhamento de div com float

Alinhamento DIVs com floatO CSS é uma “linguagem” de estilização de páginas web, que serve para definir como os elementos serão exibidos na tela, na hora que determinada página for acessada.

Um problema recorrente encontrado por web designers principiantes é conseguir acertar o alinhamento de divs usando float. Em alguns momentos fica praticamente impossível fazer os alinhamentos com float funcionarem corretamente.

Contudo neste artigo você irá conhecer uma dica fácil, que fará as flutuações funcionarem corretamente.

Consertando alinhamento de divs com flutuação

Após terminar de montar o bloco de alinhamento, apenas adicione uma nova div, em baixo das divs com flutuação, usando o seguinte código:

<div style=”clear:both;”></div>

Pronto! Todos seus problemas de alinhamento de float serão resolvidos instantaneamente.

O que o código faz é impedir que elementos que venham depois sejam flutuados junto com os objetos divs que formam os blocos.

Caro leitor, o seu problema de alinhamento de divs foi resolvido? Deixe seu comentário e compartilhe este artigo nas redes sociais!

Autor: Matheus Pellizzaro

Matheus é formado em sistemas de Informação pela UDESC, desenvolve sistemas e páginas de internet para empresas e pessoas físicas nas "horas vagas". Maiores detalhes em www.tecnozen.com.br