Position

Las propiedades de posicionamiento permiten especificar, de manera relativa o absoluta la posición de un elemento, su forma y definir cómo deberá presentarse el contenido de un elemento, si éste es más grande que el área especificada.

A continuación explicamos estas propiedades:

 position Define cómo se situará un elemento, si en su posición normal, en una posición relativa con respecto al elemento anterior o en cualquier posición fija de la página o del bloque que contiene al elemento.
auto relative absolute

Ejemplo:
img { position:absolute; top:300px; }  indica que este elemento se situará en una posición fija de la página a 150 px del borde superior.

 top, right, bottom, left Una vez que se establece la forma de situar el elemento, estas propiedades definen la distancia en relación a cuál extremo o borde de la página o bloque contenedor.
top: Situación relativa al borde superior.
unidad % auto inherit

left: Situación relativa al borde izquierdo (left)
unidad % auto inherit

right: Situación relativa al borde derecho
unidad % auto inherit

bottom: Situación relativa al borde inferior
unidad % auto inherit

Ejemplos: 

div.a {position: absolute; height: 120px; width: 300px; border: 1px solid #000;
background-color:#CCC}

div.b {position: absolute; top: 20px; right: 30px; bottom: 40px; left: 50px;
border: 1px solid #000; background-color:#666}