Почему контент игнорирует шапку со свойством position:fixed?

Question

[Алексей Королёв]

Возможно я чего то не понимаю, но применяя fixed-top к шапке своего дизайна весь последующий контент публикуется от начала страницы, а не от шапки. Как сделать так, чтобы контент сайта был после шапки избегая margin-top в высоту шапки?

Answer 1

[Rsa97]

Потому что fixed.
Элементы с таким свойством выпадают из потока и не участвуют в расчёте положения остальных элементов.
Используйте sticky.

Comments

[Алексей Королёв]

а как в таком случае пользоваться другими блоками со sticky, допустим сайдбар с этим свойством при скролинге сдвигает хидер. Как сделать чтобы он прилипал к шапке?

[imko]

Алексей Королёв, а ты хочешь что бы он под нее залезал? Ну тогда ставь шапке fixed, а всей странице отступ сверху

[Алексей Королёв]

imko, мне кажется это костыль, но только так я и спасаюсь