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

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

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

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

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