Это краткий обзор различных значений позиции CSS для начинающих. В двух словах: relative позволяет вам «подтолкнуть» и оставить исходное положение элемента в потоке страницы. Абсолютный и фиксированный позволяют точно размещать элементы и удалять их из потока страницы. На фиксированные элементы прокрутка не влияет. Все они устанавливают новый контекст позиционирования и позволяют работать z-index.
Ссылки с видео:
- Баловаться
- Позиция (по MDN)