La property position especifica el método de posicionamiento para un elemento.
Junto con las properties top, right, bottom y left determinan la ubicación final del elemento.
Los elementos HTML son posicionados estáticos por defecto.
Los elementos posicionados como estáticos no son afectados por las properties top, bottom, left, y right.
Estos elementos son posicionados relativos a su posición normal.
Configurar las properties top, right, bottom, y left de un elemento posicionado como relativo hará que el elemento se aleje de su posición normal.
Estos elementos son posicionados relativos al viewport, lo cual implica que va a quedarse en el mismo lugar incluso si la página es scrolleada.
Un elemento fixed no deja espacio donde normalmente hubiera estado posicionado (por eso no vemos el elemento abajo de este texto).
Estos elementos son posicionados relativos a su padre posicionado más cercano.
Un elemento se dice "posicionado" cuando su posición es cualquiera menos la posición por defecto static.