Yo estoy aprendiendo justo ahora todo el tema de programación de css y desconociendo si este es su único uso, la función relativa sirve para que una posición dependa del espacio que tenga.
Supongo que el ejemplo más común es el de centrar páginas.
Yo creo un div y basándome en una resolución standard de 1024, lo situo a:
Código:
position:absolute; left:174px; top:26px;
Este div, independiendentemente de la resolución de pantalla, explorador, iframes o lo que le venga en gana... siempre estará a 174px de la izquierda.
Pero y si el que viene detrás tiene una resolución de monitor de 1280x1024?
Pues lo verá entre medio camino de la izquierda y centro.
La cosa se soluciona con una posición relativa.
Si tu le dices que quieres que tenga el mismo espacio por la derecha que por la izquierda, y que este espacio dependa del ancho de pantalla que haya, usaremos el relative.
Código:
position:relative; top:26px; width:615px; height:294px; z-index:1;
margin-right: auto; margin-left: auto;
De esta forma si el individuo trabaja con un navegador sin maximizar, o si tiene abierta la barra del historial o lo que sea... siempre verá el div centrado.