CSS — как прижать навигационное меню?

Question

[Artem]

Привет, Тостер, хочу спросить: как мне прижать хедер страницы к верху окна, вне зависимости от скроллинга?

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/dfCKG

Comments

[Artem]

Спасибо:)

Answer 2

[Павел Волынцев]

<div stype="position: fixed; top: 0;">header</div>

Answer 3

[Алексей Кулешов]

HTML:

<nav>
  ...menu...
</nav>
<div class="content">
  ...content...
</div>
<footer>
   ...footer
</footer>

CSS:

nav {
  height: 50px;
  position: fixed;
  top: 0;
}
div.content {
  margin-top: 50px;
}