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

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

Сочетание этих двух свойств полезно для создания адаптивного дизайна, когда элемент-предок может менять положение на странице, а элемент-потомок жёстко закреплён внутри него. 4