Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.
CSS: propiedad flotante
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada flotador Con sintaxis y ejemplos.
describir
La propiedad float de CSS define que un elemento debe ser sacado del flujo normal del documento y colocado a la izquierda o derecha de su bloque contenedor. Luego, el texto y los elementos en línea se ajustarán a ese elemento.
sintaxis
La sintaxis de la propiedad CSS flotante es:
float: value;parámetro o parámetro
valor
La posición en la que flota el elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| permanecer | El elemento flotará a la izquierda del bloque contenedor. div {flotante: izquierda;} |
| derecho | El elemento flotará a la derecha del bloque contenedor. div {flotante: verdadero;} |
| no cualquiera | El elemento no flota div {flotante: ninguno;} |
| heredar | El elemento heredará float de su elemento principal div {flotante: heredar;} |
notas
- Cuando un elemento flota, se coloca a la izquierda o a la derecha hasta que toca el borde del bloque que lo contiene o de otro elemento flotante.
- Los elementos de texto y en línea se envolverán alrededor de los elementos flotantes.
- Consulte la propiedad CSS clear para saber cómo borrar los flotantes.
Compatibilidad del navegador
La propiedad flotante de CSS tiene soporte básico para los siguientes navegadores:
- Aleación de cromo
- androide
- Firefox (Geco)
- Firefox móvil (Geco)
- Navegador de Internet (IE)
- es decir, móvil
- ópera
- Ópera Móvil
- Safari (WebKit)
- Safari para móvil
ejemplo
Discutiremos la propiedad flotante a continuación, explorando ejemplos de cómo usar esta propiedad en CSS.
usar a la izquierda
Veamos un ejemplo de CSS flotante donde flotamos un elemento a la izquierda.
div { float: left; }En este ejemplo flotante de CSS, vamos a
derecho de uso
Veamos un ejemplo de CSS flotante donde flotamos un elemento a la derecha.
div { float: right; }En este ejemplo flotante de CSS, vamos a