FLOAT en CSS

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

Ejemplos: primer bloque flotante a la izquierda

Usuarios que han visto este tema también han visto...

- Poner fondo a cualquier elemento con CSS
- Menú de imágenes con CSS
- Menú con efecto onmouseover con CSS
- Unidades y Medidas en CSS
- Controlar el desbordamiento en una etiqueta con CSS

- Versión imprimible de este documento

- Enviar por e-mail este documento