Основное отличие свойств position: fixed и position: absolute заключается в том, как происходит позиционирование элемента на странице:
- position: absolute задаёт точное местоположение элемента на странице, независимо от других элементов на странице. 1 Координаты для нового местоположения отсчитываются от ближайшего позиционированного родителя, если такого родителя нет — то относительно документа. 2
- position: fixed — это подвид абсолютного позиционирования, при котором элемент привязывается к координатам окна, а не документа. 2 При прокрутке страницы фиксированный элемент остаётся на своём месте и не прокручивается вместе со страницей. 2
Таким образом, основное отличие в том, что при position: absolute элемент позиционируется относительно ближайшего родительского элемента, а при position: fixed — относительно окна браузера. 15