position: absolute - это свойство CSS, которое позволяет задать позицию элемента относительно его первого родительского элемента, который имеет позиционирование, отличное от значения static. Элемент, установленный с position: absolute, не занимает места в потоке документа, и другие элементы могут занимать его место. Для того, чтобы понять, как работает position: absolute, нужно знать еще несколько свойств CSS: Давайте рассмотрим пример: Здесь мы установили position: relative для родительского элемента ...

Каждый элемент на веб-странице занимает место в нормальном потоке документа — как книги на полке библиотеки: каждая стоит там, где ей положено по порядку. Свойство position позволяет вырвать элемент из потока (или не вырывать — зависит от значения) и управлять его положением относительно чего-то: родителя, окна, скролла. Это не «переместить пиксель влево» — это изменение контекста позиционирования. Значение по умолчанию. Элемент остаётся в нормальном потоке. Свойства top, right, bottom, left, z-index игнорируются...