Описание тега css-position

В positionСвойство в CSS позволяет вам контролировать расположение элемента. Сразу послеinherit значение, можно установить четыре конкретных значения:

• staticдля позиционирования элемента по "нормальному потоку". Это значение по умолчанию, и его не нужно устанавливать.

• relative для позиционирования аналогично static, хотя и с определенным смещением относительно его нормального положения

• absolute для позиционирования элементов в системе координат относительно "содержащего блока" элемента

• fixed для позиционирования элементов с использованием системы координат, которая привязана к исходной точке поверхности отображения (обычно исходной точке клиентской области окружающего окна браузера)

• sticky для позиционирования элемента как относительного до тех пор, пока не будет достигнут определенный порог прокрутки, после чего элемент позиционируется как фиксированный.

Позиционирование CSS часто зависит от дополнительных свойств макета (таких как top, bottom, left, right, z-index, а также clip) для достижения желаемого результата.

пример

/* static */
element {
  position: static;
}

/* relative */
element {
  position: relative;
  top: 65px; left: 65px;
}

/* absolute */
element {
  position: absolute;
  top: 40px; left: 40px;
}

/* sticky */
element {
  position: sticky;
  top: 20px;
}

Ссылки

1. Схемы позиционирования - W3C Spec
2. Позиция CSS - ссылка MDN