—Es el más utilizado
  1. La caja flotante deja de pertenecer al flujo normal de la página, lo que significa que el resto de cajas ocupan el lugar dejado por la caja flotante.
  2. La caja flotante se posiciona lo más a la izquierda o lo más a la derecha posible de la posición en la que se encontraba originalmente.
  3. Si la caja es un elemento en línea, el texto se colocará alrededor.

 

Propiedad float

La propiedad CSS que permite posicionar de forma flotante una caja se denomina float:

Propiedad float
Valores left | right | none | inherit
Se aplica a Todos los elementos
Valor inicial none
Descripción Establece el tipo de posicionamiento flotante del elemento

 

 

Distintos Posicionamientos float

 

 

Posicionamiento Flotante

Fuente:  www.librosweb.com

 

Posicionamiento a la izquierda

 

posicionamiento a la izquierda de todas las cajas

 

Fuente: www.librosweb.com