Está usted en Indice > Construcción > Lenguajes > CSS > Lecciones y Paso a Paso > FLOAT en CSS
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

FLOAT en CSS (2)

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 - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 12-10-2008 a las 07:28:26