Почему зафиксированный блок не зависим от относительного позиционирование?

18 мая 2021, 00:30

Resource: Ссылка

Question: Интересно, а почему фиксированное позиционирование не зависит от относительного? Ведь, в данном исходнике меню зафиксирована, но когда задаю менюшке width:100%, она не подстраивается под ширину .container, даже если она position: relative, Ребята а как исправить это?

Answer 1

При задании position: fixed, блок позиционируется оносительно области видимости (окна браузера), а не относительно блока с position: relative;.

Чтобы привязать к относительно позиционированному блоку, для текущего блока используйте position: absolute.

Результат на CodePen

UPD: чтобы меню не уезжало вверх, следует применить position: sticky

Результат на Codepen