Разница между относительным и фиксированным позиционированием элементов в CSS заключается в следующем:

1. Относительное позиционирование. 12 Элементы с относительным позиционированием, как и статические элементы, остаются в общем потоке. 1 При применении свойств top, left, right или bottom к относительно позиционированным элементам, они будут смещаться относительно своего местоположения, оставляя пустое пространство там, где элемент располагался изначально. 1 Такие элементы не влияют на расположение окружающих их элементов, остальные элементы остаются на своих местах и могут быть перекрыты относительно позиционированным элементом. 1
2. Фиксированное позиционирование. 12 Элементы с фиксированным позиционированием располагаются на странице относительно окна браузера. 1 Такие элементы удаляются из общего потока, элементы, следующие в потоке за фиксированным элементом, будут игнорировать его, смещаясь и занимая его место на веб-странице. 1 При прокрутке страницы элемент остаётся на одном месте, то есть, грубо говоря, он прокручивается вместе со страницей (элемент зафиксирован). 2