Nota: apenas traduzi o texto abaixo e postei aqui. As referências estão no fim deste artigo.
A CSS property clear funciona com relação à CSS property float. Ela define se um elemento deve ser movido abaixo dos elementos "floating" que o precedem.
Vamos entender isso com a ajuda de um exemplo.
Consideraremos quatro blocos vermelho, amarelo, azul e verde que serão adicionados um após o outro e todos eles serão colocados no mesmo nível.
Nota - O próximo block ocupará a posição do floating block, por isso não é visível. Quando mudamos a dimensão do próximo block, observamos que ele é coberto com o floating block que está presente uma camada acima dele.
Depois disso, aplicaremos clear:left ao block azul, o que significa que nenhum elemento estará floating à left do block azul.
escrito por Jasmin Virdi.
SOCIAL SHARE CARD GENERATOR