positioncontainer, el padre.
Position: static; es el valor por defecto del HTML.
Los otros cuatro valores de position desbloquean 4 propiedades denominadas propiedades de desplazamiento que son: top, bottom, left, y right además de la propiedad z-index que veremos en una próxima práctica.
Estas cinco propiedades ⚠️ no funcionan con el valor static.
relative: Se desplaza en referencia a la posición que le tocaría o posición original respecto del flujo del documento.
A diferencia de margin-top, top desplaza el elemento sin desplazar el elemento siguiente.
margin: auto; no centra un elemento si está posicionado de forma relativa.
absolute Saca al elemento del flujo, posicionandose, no en relación a su padre si no en relación al ascendiente más cercano con position diferente de static y si no lo hay, respecto de la pantalla del dispositivo.
Si se utiliza con position: absolute; , margin: auto; se puede utilizar para centrar un elemento horizontal y verticalmente, combinando top: 0, right: 0, bottom: 0, left: 0 con margin: auto.
fixed: Saca totalmente al elemento del flujo, posicionandose, directamente en relación a la pantalla del dispositivo.
sticky Es un híbrido entre relative y fixed. El elemento se comporta como un relative hasta que la posición top coincida con el borde superior de la pantalla, en ese momento, se convierte en fixed.