Как сверстать закрепленный/движимый блок в верху страницы?

Question

[Ufim]

Обычный сайт https://youdo.com/, как сделать такую полоску? В нескольких вариантах:
1) Чтобы она двигалась и при скроллинге, то есть оставалась на месте независимо от перемещения по странице
2)Закрепить на месте, немного проскроллил, она пропала из вида, как обычный элемент, вроде текста, абзаца...

Answer 1

[Денис Инешин]

.header {
    position: fixed; /* <-- вот то что вам нужно */
    top: 0; left: 0;
    width: 100%; height: 50px;
}

Comments

[Ufim]

Прекрасно!