В уроке разобраны все пять типов позиционирования: статическое (по умолчанию, в потоке), относительное (смещение без выхода из потока), абсолютное (относительно ближайшего позиционированного родителя), фиксированное (относительно окна браузера), липкое sticky (прилипание при скролле). Показана логика Z-index и важный нюанс: Z-index дочернего не может превысить Z-index родителя. Позиционирование отвечает на вопрос: относительно чего считается элемент и как он реагирует на контент вокруг. Абсолютное — выходит из потока, Flex и другие элементы его игнорируют. Фиксированное — привязано к экрану, не к странице. Sticky — гибрид: обычное до достижения порога, потом прилипает. Урок обязателен до начала работы с попапами, фиксированными хедерами и любыми наложениями элементов. Без понимания позиционирования такие задачи решаются методом тыка.