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

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

Таким образом, относительное позиционирование позволяет настроить положение дочернего элемента относительно себя, а абсолютное — относительно первого не статического родителя. 4