Как расположить блок header абсолютно, но при это он не должен растягиваться по высоте на весь экран?

Question

[Сергей К]

Как расположить блок header абсолютно, но при это он не должен растягиваться по высоте на весь экран?

https://sergei00026.github.io/lesson_11/

Comments

[Ankhena]

растягиваться по высоте на всю ширину экрана?

Поясните, пожалуйста, что вы имели в виду под этой загадочной фразой.
Наверное, "на весь экран".
Поправьте.

[snxx]

Не особо разбираюсь в CSS, но примерно сделал так: codepen.io.

Answer 1

[Ankhena]

Уберите вот эту bottom: 0; дичь у *

* {
    margin: 0;
    padding: 0;
    bottom: 0;
}

Answer 2

[Вадим]

Ну так а зачем Вы всем элементам через * задали bottom: 0?

Comments

[Сергей К]

Большое спасибо!

Answer 3

[DanielTonne]

Указать max-height необходимый

Comments

[Сергей К]

фиксированную ширину не вариант, т.к. потом меню может стать двустрочным