Какие бывают значения у CSS-свойства position?

CSS-свойство position определяет способ позиционирования элемента на странице. Основные значения:

• static — значение по умолчанию, элемент располагается в обычном потоке документа.
• relative — элемент позиционируется относительно своего нормального положения, можно смещать с помощью top, left и т.д.
• absolute — элемент позиционируется относительно ближайшего предка с позиционированием (не static), или относительно окна, если такого нет; выводится из нормального потока.
• fixed — элемент фиксируется относительно окна браузера, не двигается при прокрутке.
• sticky — элемент ведёт себя как relative до тех пор, пока не достигнет заданной позиции при прокрутке, после чего ведёт себя как fixed.

Пример:

.element {
  position: absolute;
  top: 10px;
  left: 20px;
}