Приклеенная навигация

by webref

HTML

<header>Название сайта</header>
<nav>Навигация по сайту</nav>

CSS

body {
    min-height: 1000px;
    /* Минимальная высота */
  }
  
  header,
  nav {
    color: #fff;
    /* Цвет текста */
    padding: 10px;
    /* Поля */
  }
  
  header {
    background: #009d4b;
    /* Цвет фона */
  }
  
  nav {
    background: #3989c9;
    /* Цвет фона */
    position: sticky;
    /* Липкое позиционирование */
    top: 0;
    /* Положение сверху */
  }