Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade float especifica se ou não uma caixa (an element) deve flutuar.
Note: Elementos posicionados absolutamente ignora a propriedade float!
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.cssFloat="left" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| float | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
float: none|left|right|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| none | O elemento não é lançada, e será exibida no momento em que ocorre no texto. Este é o padrão | Jogue " |
| left | O elemento flutua à esquerda | Jogue " |
| right | O elemento flutua à direita | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Deixe a primeira letra de um parágrafo flutuador à esquerda
Deixe a primeira letra de um parágrafo flutuador à esquerda e estilo da letra.
Criando um menu horizontal
Use flutuador com uma lista de hiperlinks para criar um menu horizontal.
Criando uma página sem tabelas
Use float para criar uma página inicial com um cabeçalho, rodapé conteúdo à esquerda e o conteúdo principal.
Páginas relacionadas
CSS tutorial: Float CSS
HTML DOM de referência: cssFloat property