English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El atributo float de CSS especifica si un cuadro debe flotar a la izquierda, a la derecha o no flotar.
La siguiente tabla contiene las instrucciones de uso y el historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | none |
|---|---|
| Adecuado para: | Todos los elementos |
| Herencia: | No |
| Animable: | No.Ver Atributos de animación。 |
| Versión: | CSS 1，2，3 |
| Sintaxis de JavaScript: | object.style.cssFloat="right" |
La sintaxis de este atributo es la siguiente:
float: left | right | none | initial | inherit
Los siguientes ejemplos muestran cómo usar el atributo float.
p.red {
float: left;
}
p.green {
float: right;
}Ver aquí‹/›La siguiente tabla describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| left | El elemento se浮动 a la izquierda. El contenido fluye a la derecha del cuadro desde la parte superior. |
| right | Similares a left, la diferencia es que este cuadro se浮动 en el lado derecho, el contenido comienza desde la izquierda de este cuadro, desde la parte superior. |
| none | Este cuadro no está flotando. Este es el valor predeterminado. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, los elementos relacionados utilizarán el valor del atributo float del elemento padre. |
La compatibilidad del navegador del atributo float, los números en la siguiente tabla representan la versión mínima del navegador que admite este atributo; todos los navegadores principales admiten este atributo.
|
Consulte la siguiente instrucción:Flotante de CSS，Alineación de CSS。
Atributos relacionados con la posición:position，top，right，bottom，left，display，clear。