Exemplo
Não há elementos flutuantes permitido no lado esquerdo ou do lado direito de um especificado <p> elemento:
img
{
float: left;
}
p.clear
{
clear: both;
}
Tente você mesmo " Definição e Uso
A propriedade clear especifica em que os lados de um elemento elementos flutuantes não estão autorizados a flutuar.
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.clear="both" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| clear | 1.0 | 5 | 1.0 | 1.0 | 6 |
CSS Syntax
clear: none|left|right|both|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| none | Padrão. Permite elementos flutuantes em ambos os lados |
| left | Sem elementos de flutuação permitida no lado esquerdo |
| right | Não há elementos flutuantes permitidos no lado direito |
| both | Não há elementos flutuantes permitido em ambos os lados esquerdo ou do lado direito |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Float CSS
HTML DOM de referência: clear property