Float
La propiedad float permite sacar a un elemento del flujo del documento, y posicionarlo a la izquierda o derecha de otros elementos adyacentes. Admite tres valores, right, left y none.
Un valor left significa que el elemento formará un bloque que se situará a la izquierda de los elementos adyacentes. Un valor right significa que el bloque se situará a la derecha.
Un bloque 'flotante' debe tener definida su anchura, implicita o expresamente, ya que de lo contrario será tratado como no flotante
clear
clear se utiliza conjuntamente con float para indicar cuando un elemento flotante permite otros elementos flotantes junto a el.
Sus posible valores son none, left right o both.
- none: el elemento permite otros flotantes a ambos lados
- left: el elemento no permite flotantes a su izquierda
- right: el elemento no permite flotantes a su derecha
- both: el elemento no permite flotantes a ningun lado
Ejemplos: dos divs sin flotar
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 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: primer bloque flotante 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 segundo bloque segundo bloque segundo bloque
Ejemplos: primer bloque flotante a la izquierda
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
Usuarios que han visto este tema también han visto...
- Página HMTL centrada horizontal y verticalmente con CSS
- Qué son las capas
- Estilo de la primera letra con CSS
- Filtro de imagenes mediante CSS (invertir imagenes).
- Evitar que una página se imprima en CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
