Início·Propriedades CSS

float

Layout

Flutua o elemento para um lado e o texto contorna; hoje flex e grid fazem isso.

Como escreverfloat: left;
Valores comunsleft, right, none
HerdadaNão, para neste elemento
CategoriaLayout

Como ler

  • Uma propriedade herdada basta escrever no pai: todos os filhos recebem. Quase todas as de texto funcionam assim.
  • Um atalho reinicia o que você omite. Escrever só background: red também apaga a imagem de fundo definida antes.
  • Quando duas regras colidem vence o seletor mais específico; só com especificidade igual decide a ordem.
  • Anime transform e opacity para suavidade. Mudar width ou top obriga a recalcular o layout.

Perguntas frequentes

Q. O que é a propriedade CSS float?

Flutua o elemento para um lado e o texto contorna; hoje flex e grid fazem isso.

Q. Como se escreve float?

Assim: float: left; Valores comuns: left, right, none.

Q. float é herdada?

Não. Vale só onde você escreve, então cada elemento precisa da sua.

Q. A que grupo pertence float?

Ao grupo layout.

Propriedades do mesmo grupo

Documentação