CSS: La Guía Definitiva, 5ª Edición

Capítulo 10. Flotación y posicionamiento

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Durante mucho tiempo, los elementos flotantes fueron la base de todos nuestros esquemas de maquetación web. (Esto se debe en gran parte a la propiedad clear, de la que hablaremos dentro de un momento.) Pero los elementos flotantes nunca fueron concebidos para la maquetación; su uso como herramienta de maquetación era un truco casi tan atroz como el uso de tablas para la maquetación. Eran lo que teníamos. Sin embargo, los flotadores son bastante interesantes y útiles por sí mismos. Esto es especialmente cierto si tenemos en cuenta la reciente incorporación del modelado de flotadores, que permite crear formas no rectangulares por las que puede fluir el contenido.

Flotante

Desde principios de los años 90, es posible hacer flotar imágenes declarando, por ejemplo, <img src="b5.gif" alt="B4" align="right">. Esto hace que una imagen flote hacia la derecha y permite que otros contenidos (como el texto) "fluyan alrededor" de la imagen. El nombre flotante, de hecho, procede de la página de Netscape DevEdge "Extensiones a HTML 2.0", que explicaba el entonces nuevo atributo align. A diferencia de HTML, CSS te permite hacer flotar cualquier elemento, desde imágenes a párrafos o listas. Esto se consigue utilizando la propiedad float.

float

Valores	left | right | inline-start | inline-end | none
Valor inicial	none
Se aplica a