Punto de referencia de las coordenadas

De forma predeterminada, los elementos con posicionamiento absoluto utilizan un sistema de coordenadas vinculado a la ventana del navegador. Sin embargo, ese sistema se puede cambiar.

Si alguno de los ancestros de un elemento con posicionamiento absoluto tiene posicionamiento relativo, el elemento se ubicará respecto a ese ancestro. Si hay varios ancestros con posicionamiento relativo, se tomará como referencia el más cercano.

En este ejercicio verás cómo cambia el sistema de coordenadas y, con él, los puntos de referencia. Curiosamente, el posicionamiento predeterminado es distinto del posicionamiento respecto a body.