Esta es una descripción general rápida para principiantes de los diferentes valores de posición de CSS. En pocas palabras: relativo le permite "empujar" y deja la posición original del elemento en el flujo de la página. Absoluto y fijo permiten la ubicación exacta de elementos y los eliminan del flujo de la página. Los elementos de posición fija no se ven afectados por el desplazamiento. Todos ellos establecen un nuevo contexto de posicionamiento y permiten que z-index funcione.
Enlaces de video:
- Dabblet
- Posición (en MDN)