CSS Float (flutuante)

O que é Float CSS (float)?

O Float CSS (flutuante), o elemento irá mover para a esquerda ou para a direita, os elementos em torno dele vai ser reorganizado.

Float (flutuante), é muitas vezes usado para imagens, mas é muito útil quando o mesmo layout.

Como elemento flutuante

Horizontal elemento flutuante, significa que o elemento só pode mover para a esquerda e para a direita e não pode se mover para cima e para baixo.

Um elemento flutuante vai tentar mover para a esquerda ou para a direita até a sua borda exterior através da fronteira ou de outra caixa contendo caixa flutuante até agora.

Elementos após o elemento flutuante vai se concentrar nele.

Elementos antes do elemento flutuante não será afetado.

Se a imagem está flutuando direita, o seguinte texto irá fluir ao redor do lado esquerdo dele:

elementos adjacentes uns aos outros de flutuação

Se colocar alguns elementos flutuantes colocados juntos, se houver espaço, ele vai ser adjacentes uns aos outros.

Aqui, usamos a galeria de propriedade de imagem float:

Limpar float - Use clara

Depois que os elementos flutuantes em torno de elementos reorganizados, a fim de evitar isso, use a propriedade clara.

claro atributo especifica o elemento não pode aparecer em ambos os lados do elemento flutuante.

Use a propriedade de texto claro para adicionar uma galeria de imagens:

mais exemplos

A imagem da esquerda adicionar bordas e margens e carros alegóricos para o parágrafo

Vamos adicionar bordas da imagem e as margens e no flutuador à esquerda

Título e fotos para o flutuador direito

Deixe o título e as fotos para o flutuador direito.

Deixe a primeira letra de um parágrafo flutuador à esquerda

Mudar o estilo de modo que a primeira letra de um parágrafo flutuador para a esquerda.

não cria uma página com uma tabela

Use flutuador para criar um cabeçalho, rodapé conteúdo à esquerda e o conteúdo principal.

Toda a propriedade CSS flutuador

coluna "CSS" indica o número de diferentes versões de CSS (CSS1 ou CSS2) define a propriedade.