Definición de .float utilizado en CSS
La propiedad .float en CSS se utiliza para posicionar y diseñar en páginas web. Un uso común podría ser .float una imagen a un lado y dejar que el texto lo envuelva.
Ejemplo de uso de la propiedad float
Esta propiedad de CSS normalmente se emplea de esta forma:
.intro-img {
float: left;
}Otro ejemplo más avanzado de .float es el siguiente de CODEPEN:
Sintaxis de .float en CSS
float: none|left|right|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| ninguna | El elemento no flota (se mostrará justo donde aparece en el texto). esto es por defecto | |
| izquierda | El elemento flota a la izquierda de su contenedor. | |
| Correcto | El elemento flota a la derecha de su contenedor. | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .float
Los números de la tabla especifican la primera versión del navegador que es completamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
