Texto original : todo sobre carrozas
Traducción : Sobre la vida pasada y presente de los flotantes.
Todos los derechos reservados. Indique la fuente al reimprimir. ¡Gracias! !
¿Qué es un flotador?
Float es una propiedad de posicionamiento de CSS. Podemos observar el diseño tipográfico para comprender sus orígenes y su función. En un diseño de impresión, el texto puede rodear la imagen como se desee. Este método generalmente se denomina "ajuste de texto".
Aquí hay un ejemplo:
En el software de composición tipográfica, el cuadro de texto se puede configurar para permitir un diseño mixto de imágenes y texto, o para ignorarlo. Ninguna mezcla de texto e imagen permitirá que el texto aparezca encima de la imagen como si ni siquiera estuviera allí. Ésta es la diferencia entre si una imagen es parte del flujo de la página o no. El diseño web es muy similar a este.
En diseño web, los elementos de la página a los que se aplica el atributo flotante de CSS son como imágenes rodeadas de texto en un diseño tipográfico. Los elementos flotantes siguen siendo parte del flujo de la página web. Esta es una diferencia significativa en comparación con el uso de elementos de página absolutamente posicionados. Los elementos de página absolutamente posicionados se eliminan del flujo de la página, al igual que los cuadros de texto en los diseños de impresión están configurados para ignorar el ajuste de página. Un elemento en posición absoluta no afectará a otros elementos, y otros elementos no lo afectarán a él, independientemente de si está al lado de otros elementos.
Establece un flotante con CSS en un elemento como este:
#barra lateral {flotante: derecha}
El atributo fload tiene cuatro valores disponibles: Izquierda y Derecha hacen flotar el elemento en su dirección respectiva, Ninguno (predeterminado) hace que el elemento no flote y Heredar obtendrá el valor flotante del elemento principal.