Одинаковое горизонтальное положение для элементов «фиксированного» и «абсолютного» положения. ⇐ CSS

[Anonymous]

Я пытаюсь отобразить «фиксированный» элемент в той же позиции, что и «абсолютный» элемент относительно его родительского элемента:

.content { положение: относительное; максимальная ширина: 20em; маржа: 2em 5em; изменить размер: оба; высота: 200вх; } .меню { граница: 1 пиксель, сплошная красная; цвет фона: розовый; верх: -1,5эм; правильно: 0; позиция: абсолютная; курсор: указатель; } /* переход в фиксированное положение при фокусировке */ .меню:фокус { курсор: не разрешен; положение: фиксированное; верх: 0,5эм; } .menu::после { содержание: «абсолютно (нажмите на меня)»; } .menu:focus::after { контент: «исправлено (нажмите в любом месте)»; какой-то длинный текст, который может переноситься или нет Позиция:

Он отлично работает с position: Absolute, но position: фиксированный перемещает элемент за пределы границ родительского контейнера. Есть ли способ «вычислить» положение фиксированного элемента, чтобы он оставался в том же горизонтальном положении, когда статическая ширина не установлена?