Разница между свойством position:fixed и абсолютным позиционированием заключается в том, как рассчитывается положение элемента. 24

Абсолютное позиционирование (position: absolute) позволяет настроить положение элемента относительно ближайшего позиционированного родителя. 34 Если такого родителя нет, то относительно документа. 4 При абсолютном позиционировании элемент убирается из основного потока документа и перестаёт влиять на положение окружающих элементов и на размер родителя. 3

Фиксированное позиционирование (position: fixed) предполагает, что элемент позиционируется относительно окна браузера. 23 За исключением случаев, если один из родителей имеет значения свойств transform, perspective или filter, отличные от none. 3 В этом случае блок становится опорным, и позиционирование будет производиться уже относительно него, а не окна браузера. 3

Таким образом, при абсолютном позиционировании элемент определяется относительно родителя, а при фиксированном — относительно окна браузера. 23