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

1. Абсолютное позиционирование (position: absolute). 2 Элемент сдвигается относительно заданного края его предка. 2 Если предка нет, позиционирование осуществляется непосредственно по отношению к элементу HTML (самой странице). 1 При этом элемент отделяется от основного потока страницы и перестаёт влиять на положение окружающих элементов. 3
2. Относительное позиционирование (position: relative). 2 Элементы смещаются относительно положения в потоке документа, то есть относительно своей текущей позиции. 2 В отличие от абсолютного позиционирования, другие элементы в документе реагируют на элементы с относительным позиционированием. 2