CSS- коротко о главном.

Позиционирование элементов
Position: Fixed.
Элемент с position: fixed фиксируется относительно области просмотра. При прокрутке страницы этот элемент остается на своем месте. Пространство, которое он занимал до присвоения position: fixed освобождается.
Разместить относительно его местоположения возможно с помощью transform и margin а над другими элементами с помощью z-index.
Значения высоты, а также вертикальные отступы в процентах рассчитываются от высоты области просмотра. Значения ширины, padding, margin и горизонтальные отступы в процентах рассчитываются от ширины области просмотра.
Блок с position: fixed не выйдет за рамки родителя если у того имеется свойство clip-path. Если у родителя есть свойства: filter, transform,will-change, perspective, то блок поведет себя как с position:absolute.