Как выставить position fixed и не испортить верстку?

Question

[generate]

Хотел меню и хедер сделать фиксированным но почему то когда его выставляю другие див блоки как будто его не видят, лезут к нему в терреторию и портит все посмотрите пожалуйста код. Что выставить соседним блокам чтобы элементы с position fixed видели. А то в данном коде желтый блок занял места остальных фикс блоков
https://codepen.io/vsjerkil/pen/abmbKGw

Comments

[Владислав Черненко]

Ну очень странно что fixed выпадает... как вообще можно что-то сверстать не зная такого.

[generate]

Владислав Черненко, Да что то и можно )

Answer 1

[Антон Литвиненко]

Это стандартное поведение, фиксед выпадает из потока документа. Если ваш хедер высотой скажем 100 пикселей то нужно чтобы до следующего блока в потоке документа был такой отступ. Я обычно задаю padding-top общей обертке сайта