В чем разница между абсолютным и относительным позиционированием для центрирования?

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

Абсолютное позиционирование (position:absolute;) позволяет определять расположение элемента, задавая позиции left, right, top или bottom в любых единицах измерения CSS. 1 Абсолютно размещённые элементы полностью изъяты из потока страницы, определённого HTML-кодом: остальные элементы на странице размещаются без учёта абсолютно позиционированных элементов. 1

Относительное позиционирование (position:relative;) позволяет размещать элемент относительно его текущего положения в потоке HTML. 1 В отличие от абсолютного позиционирования, здесь остальные элементы страницы регулируют старое HTML-размещение относительно позиционированного объекта. 1 Соответственно, перемещение объекта с относительным позиционированием оставляет «дыру», на месте которой он должен был находиться. 1

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