Ejemplos: primer bloque flotante a la izquierda, segundo clear:both
primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque
segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque
Ejemplos: tres bloques, los dos primeros flotantes a la derecha
primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque primer bloque
segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque segundo bloque
tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque tercer bloque
Cuando hay varios elementos flotantes adyacentes (es decir, con el mismo elemento padre) la parte superior de cada caja flotante se alineará a la misma altura si existe espacio. Caso contrario, la última caja será desplazada hacia abajo, hasta el primer lugar donde pueda ser ubicada.
Elementos flotantes
Cualquier elemento puede flotar en la página, no solamente los formadores de bloque. Al asignar la propiedad float a un elemento automáticamente lo estamos convirtiendo en una caja, debiendole asignar una anchura determinada.
Autor: ignside
http://www.ignside.net/man/css/float.php
Usuarios que han visto este tema también han visto...
- Celdas con puntas redondeadas utilizando CSS
- Qué son las capas
- Trucos prácticos y técnicas para maquetar en CSS
- Evita sobrecargar tus archivos CSS
- Integración de interfaz en CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento