Duda position

static es el que trae por defecto un elemento html , por ejemplo para un div siempre position es static, relative tiene que ver con el flujo de como se posicionan los elementos cuando hay mas de uno, por ejemplo si tiene dos elementos div, depende cual declare primero un div1 se colocara siempre antes que el div2, se colocan en flujo de posicion a medida qeu se declaran en el html, en cambio cuando usas el posicionamiento absolute, tiene en cuenta como está ubicado el padre de este elemento, y lo ubica segun este, cuando usas absolute lo podes poner en cualquier parte de la pantalla que te convenga el elemento pero agregando top, left, right, etc y tomando como punto 0 o inicial la esquina superior izquierda del elemento padre que contenga al elemento hijo al cual lo posiciona como absolute.

La position static quiere decir que no se moverá del lugar predefinido en el que apareció en un inicio. Ósea que no modificara nada

El position relative, mueve un objeto desde su posición original por lo tanto si un elemento por defecto cuando lo pusiste en un lugar, aparece en el centro de la pantalla (por dar un ejemplo) y puedes usar las propiedades top, left , right, bottom para ir modificando donde quieres moverlo, Pero siempre se movera desde su posicion relativa a como aparecio originalmente en tu pagina, cuando pusiste el elemento. Por ejemplo si tu página tiene una lista de 3 nombres.

Juan
pablo
Laura

asi es como apareceran en tu pagina al ser 3 elementos distintos que pasa si mueves relativamente pablo hacia la derecha? pues se movera desde su posicion original hacia la derecha

juan
         pablo
laura

Eso significa relativo.

En el caso de absolute es todo lo contrario, absolute situara un elemento de manera absoluta como su nombre lo dice por ejemplo si tengo una lista de 3 nombres

juan
pablo
laura

y defino a pablo con un estilo de top 0 y esta en position absolute

aparecerá arriba de todo y lo mas probable es que al ser Absolute, se posicione encima de los demás elementos, esto usualmente se usa para posicionar las cosas por encima de otras cosas, por ejemplo una imagen con transparencia posicionarla encima de texto. No es una de las mejores opciones. Normalmente absolute toma como indice el elemento padre que tiene, pero si no tiene uno utilizara como indice toda la pagina. Osea si posicionas en absolut un elemento y le pones top 0, right ,0 aparecera arriba al inicio de tu pagina sin importar que más hay ahi. Se usa solamente para fijar cosas especificamente que quieras que no se muevan de ahi sin importar que .