Flutuante do CSS (Flutuante)

A propriedade float do CSS especifica se a caixa deve flutuar. A propriedade float no CSS é uma propriedade de posicionamento. Ele é usado para empurrar um elemento para a esquerda ou para a direita, permitindo que outros elementos o rodeiem, geralmente usado para imagens e layout.　　　

Elementos flutuantes do CSS

Você pode flutuar um elemento para a esquerda ou para a direita, mas isso só se aplica a elementos que não sãoposicionamento absolutoelementos da caixa. Qualquer elemento que siga o elemento flutuante fluirá ao redor dele.

A propriedade float pode ter um dos três valores a seguir:

Como o elemento flutuante

O elemento flutuante será removido do fluxo normal e movido o mais à esquerda ou à direita possível dentro do espaço disponível do elemento contendo.

a menos que oclearO atributo impede que outros elementos fluam, de outra forma outros elementos geralmente fluem ao redor do flutuante. O elemento flutuante horizontalmente, o que significa que o elemento pode flutuar apenas para a esquerda ou para a direita, não para cima ou para baixo.

img {
　　　　flutuante: esquerda;
}

Se vários elementos flutuantes forem colocados lado a lado, eles flutuam uns ao lado dos outros quando há espaço horizontal. Se não houver espaço suficiente para conter o flutuante, ele será movido para baixo até que se ajuste ou não houver mais flutuantes.

.thumbnail {
　　　　flutuante: esquerda;
　　　　largura:　125px;
　　　　altura:　125px;
　　　　margem:　10px;
}

Use a propriedade de Remoção (Clear) para fechar o flutuante

Os elementos após o elemento flutuante fluirão ao redor dele. A propriedade clear especifica em qual lado da caixa do elemento não é permitido que outros elementos flutuantes sejam colocados.

.clear {
　　　　clear: esquerda;
}