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