Основы якорного позиционирования

Anchor positioning позволяет размещать элементы относительно других без JavaScript, используя только CSS.

Для установки связи у элемента-якоря задаётся свойство anchor-name, а у целевого элемента position-anchor.

Свойство position-area определяет позицию по сетке из девяти зон вокруг якоря.

Предпочтительнее использовать логические CSS-свойства (block-start, inline-end) вместо физических (top, right).

Свойство position-try задаёт альтернативную позицию при нехватке места.

Функция anchor() устанавливает отступы через inset-свойства, выравнивая края целевого элемента по краям якоря.

Можно использовать calc() с anchor() для учёта дополнительных отступов и паддингов.