EJEMPLOS POSITION:ABSOLUTE

Ponemos position:absolute a la caja dos y vemos como pierde sus propiedades

Caja1
Caja2


Si movemos a box4, como no es hijo de ningún contenedor entonces su padre será el body o al html.

Caja3
Caja4

Vamos a mover la caja 6 a la esquina de la derecha abajo del contenedor div:

Caja5
Caja6

Box7 pierde su espacio reservado. Box8 sube y ocupa el espacio que antes ocupaba Box7. Box7 se coloca encima por el position:absolute

Caja7
Caja8

Añadimos un contenedor que va a contener box9. No tiene por qué ser hijo directo del contenedor. Box10 podemos colocarla donde queramos.

Caja9
Caja10

Si al contenedor le ponemos un margin left o right tomará el box11 tambn la propiedad

Caja11
Caja12

Importante

Al añadir position:absolute a un elemento de línea se genera automáticamente un contexto de bloque al que le podemos dar medidas y márgenes y que el navegador coloque ese elemento. NO es necesario aplicar el display:block...