Flotación en CSS (Flotación)

La propiedad float de CSS especifica si la caja debe flotar. La propiedad float de CSS es una propiedad de posicionamiento. Se utiliza para empujar un elemento a la izquierda o a la derecha, permitiendo que otros elementos fluyan alrededor de él, generalmente utilizado para imágenes y diseños.　　　

Elementos flotantes de CSS

Puede flotar un elemento a la izquierda o a la derecha, pero solo se aplica a los elementos que no sonAlineación absolutaLos elementos del cuadro. Cualquier elemento que siga al elemento flotante fluirá alrededor del elemento flotante en el otro lado.

La propiedad float puede tener uno de los siguientes tres valores:

¿Cómo flota el elemento

El elemento flotante se sacará del flujo normal y se moverá lo más posible a la izquierda o a la derecha en el espacio disponible del elemento contenedor.

a menos queclearLa propiedad impide que otros elementos floten, de lo contrario otros elementos suelen fluir alrededor del flotador. El elemento flota horizontalmente, lo que significa que el elemento solo puede flotar a la izquierda o a la derecha, no hacia arriba o hacia abajo.

img　{
　　　　float:　left;
}

Si se colocan varios elementos flotantes adyacentes, se deslizarán uno al lado del otro si hay espacio horizontal. Si no hay suficiente espacio para contener al flotador, se desplazará hacia abajo hasta que se ajuste o ya no haya flotadores.

.thumbnail　{
　　　　float:　left;
　　　　ancho:　125px;
　　　　altura:　125px;
　　　　margen:　10px;
}

Usar la propiedad (Clear) de eliminación de flotación

Los elementos después del elemento flotante se deslizarán alrededor de él. La propiedad clear especifica en qué lado del cuadro del elemento no se colocarán otros elementos flotantes.

.clear　{
　　　　clear:　left;
}