Hoy en día, las propiedades de posicionamiento se combinan con nuevas unidades de medida y atajos sintácticos que hacen el código mucho más legible.

Históricamente, para posicionar un elemento absoluto en las esquinas escribíamos cuatro propiedades. Ahora usamos inset, que es el atajo (shorthand) para top, right, bottom y left.

Antiguo: top: 0; right: 0; bottom: 0; left: 0;

Moderno: inset: 0;

Combinado: inset: 10px 20px; (10px arriba/abajo, 20px a los lados).

Es una mezcla entre relative y fixed. El elemento se comporta como relative hasta que alcanza un umbral de scroll definido (por ejemplo, top: 0), momento en el que se queda "pegado" como un fixed, pero solo dentro de los límites de su contenedor padre. Es la solución estándar para cabeceras de tablas o menús laterales que te siguen mientras lees.

El gran cambio moderno es cómo entendemos el Stacking Context (Contexto de Apilamiento). Propiedades como opacity (menor a 1), filter, transform o las nuevas container-type crean automáticamente un nuevo contexto de apilamiento. Esto significa que un z-index: 999 dentro de uno de estos contenedores podría quedar por debajo de un z-index: 1 que esté fuera de él.

Si un elemento tiene position: absolute (o fixed) y tiene dimensiones definidas, puedes centrarlo perfectamente sin transform ni cálculos: