Расскажи про свойство position в CSS. Какие значения существуют?

Свойство position в CSS определяет способ позиционирования элемента на странице и влияет на то, как он взаимодействует с другими элементами.

Основные значения position:

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

Пример использования:

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