CSS position
Свойство position позволяет сдвигать элемент со своего обычного места.
Возможные значения:
position: static -cтатическое позиционирование производится по умолчанию.
position: relative - относительное позиционирование сдвигает элемент относительно его обычного положения.
Для того, чтобы применить, необходимо указать элементу CSS-свойство position: relative и координаты left/right/top/bottom.
position: absolute - Абсолютное позиционирование делает две вещи:
1. Элемент исчезает с того места, где он должен быть и позиционируется заново. Остальные элементы, располагаются так, как будто этого элемента никогда не было.
2. Координаты top/bottom/left/right для нового местоположения отсчитываются от ближайшего позиционированного родителя. Если такого родителя нет – то относительно документа.
position: fixed - это подвид абсолютного позиционирования.
Позиционирует объект точно так же, как absolute, но относительно window.
Когда страницу прокручивают, фиксированный элемент остаётся на своём месте.