Тут рассмотрим очень важную тему для верстки. Позиционирование HTML элементов. Позиционирование элементов определяется правилом position это правило чем то похоже на display, оно тоже в корне меняет поведение, расположение элементов на экране. Это возможно одно и самых популярных css правил когда дело касается бесконечных лент, фиксированных заголовков и прочих элементов "залипающих" на экране. static Это позиционирование элементов по умолчанию. Оно подразумевает, что элементы идут друг за другом согласно блочной модели...

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