Абсолютное позиционирование и относительное отличаются подходом к размещению элементов на странице. 15

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

Относительное позиционирование (position: relative;) предполагает размещение элемента относительно его текущего положения в потоке HTML. 1 При этом типе позиционирования элемент формально не выпадает из потока — под него остаётся место. 3 Смещение происходит не от краёв окна веб-обозревателя, а от того места, где изначально стоял блок. 3

Таким образом, абсолютное позиционирование даёт возможность поместить элемент в любую точку, так как достаточно знать её координаты, выраженные в какой-либо из единиц измерения CSS. 1 Относительное позиционирование помогает, когда нужно немного сместить блок относительно его положения и при этом сохранить ему место в потоке. 3