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

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

Относительное позиционирование (свойство position: relative) устанавливает положение элемента относительно его места по умолчанию. itvdn.com Можно изменять позицию элемента и сдвигать его в ту или иную сторону от изначального местоположения. itvdn.com При этом типе позиционирования место, занимаемое элементом до его перемещения, остаётся пустым и не может быть занятым другими элементами. itvdn.com

Абсолютное позиционирование (свойство position: absolute) задает местоположение элемента относительно краёв окна браузера, в так называемой «видимой области». itvdn.com При таком типе позиционирования элемент «отделяется» от потока документа и перестаёт в нём существовать. itvdn.com Из-за того, что элемент удаляется со своего обычного места, другие элементы под ним сдвигаются, занимая освободившееся пространство. learn.javascript.ru

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