Как position: fixed используется для создания фиксированных элементов?

Свойство position: fixed используется для создания фиксированных элементов, которые остаются на месте при прокрутке страницы. webref.ru javarush.com

Некоторые особенности такого позиционирования:

• Положение элемента отсчитывается от области просмотра браузера, независимо от позиционирования родителя. webref.ru
• При выходе элемента за пределы видимой области справа или снизу от неё не возникает полос прокрутки, элемент просто «обрезается». webref.ru
• Используется для создания элементов, которые должны быть закреплены на веб-странице и всегда видны посетителю. webref.ru

Некоторые примеры использования: навигационные меню, кнопки «Наверх», панели с социальными кнопками. itchief.ru

Задавать точное положение элемента относительно окна браузера позволяют свойства top, right, bottom и left. javarush.com

Синтаксис: .element { position: fixed; top: value; right: value; bottom: value; left: value; }. javarush.com

Где:

• top — расстояние от верхнего края окна браузера до верхнего края элемента; javarush.com
• right — расстояние от правого края окна браузера до правого края элемента; javarush.com
• bottom — расстояние от нижнего края окна браузера до нижнего края элемента; javarush.com
• left — расстояние от левого края окна браузера до левого края элемента. javarush.com