CSS: уровень 5

Случайная задача

Что такое CSS Anchor Positioning и какую проблему верстки всплывающих элементов он решает?

Ответ

.tooltip {
    position-anchor: --trigger;
    top: anchor(--trigger bottom);
}

Позволяет позиционировать элемент (например, тултип или поповер) относительно другого элемента на странице чисто через CSS, без ручного расчёта координат в JavaScript, как раньше требовалось для подобных UI-паттернов.