Как сделать чтобы блок не заезжал под другой при позиции fixed?

Question

[Minusator]

Доброго!

Есть меню со свойством position: fixed и первый расположенный блок за ним заезжает под него.

Как сделать так, чтобы блок за меню располагался за ним не применяя при это margin-top, padding-top и т.д.?

jsfiddle.net/zoyh5xt1/26

Answer 1

[monochromer]

Варианты
1. Использовать любой способ, который создаст пространство размером с position: fixed-элемент.
2. position: sticky

Answer 2

[Арсений Матыцин]

Отступы — самое простое решение. Но как вариант можно использовать позиционирование у нижнего типа position:relative, top: NNpx.

Но самое имбовое средство это не position:fixed для навигации, а position:sticky. С ним, конечно, есть свои сложности, но то уже другой вопрос.