Главный подвох якорного позиционирования в CSS

Якорное позиционирование в CSS имеет важные ограничения по расположению элементов в DOM. Якорный элемент должен быть полностью отрисован до того, как к нему будет привязан другой элемент, что требует внимания к порядку их следования и структуре DOM.

https://frontendmasters.com/blog/the-big-gotcha-of-anchor-positioning/