Позиционирование элементов
Иногда приходится сталкиваться с дизайном, в котором элементы расположены нестандартно: например, фиксируются относительно страницы или располагаются один поверх другого.
Осуществить такое на флексбоксах без использования хитростей не получится. На помощь приходит позиционирование элементов.

По умолчанию все элементы на странице «связаны» между собой и реагируют, когда соседний элемент изменяют. Но на многих сайтах, например, шапка остаётся на экране даже когда вы прокручиваете страницу вниз.
Такое поведение шапки выбивается из общего поведения элементов. Это сделано благодаря позиционированию — управлению взаимным расположением элементов в потоке. Есть несколько видов позиционирования.