Откуда отступ после header?

Question

[Александр]

Добрый день!
Вот взялся откуда-то отступ, сколько верстаю такого еще не видел, что за бред.
Ребят, посмотрите, может я чего упустил?
Там растянуть нужно, чтобы пункты были в строку

Вот пример

Comments

[Александр]

Максим: есть

Answer 1

[metaf]

Ужас просто. Хак на хаке. Если начали юзать флексбокс, зачем для меню прописывать inline-block, а для пунктов меню float?
Уберите у меню inline-block и добавьте на ul clearfix. Эти глупые браузеры не поняли ваших намерений и по привычке посчитали inline-block текстом. Ну и по глупости влепили тексту line-height.

Comments

[Александр]

если честно сам не знаю что там делает инлайн-блок, наверное там было что-то, уже не помню)
и флекс тоже (что-то было там)
не заметил, спасибо)

Answer 2

[Anton Filippov]

Сделайте header флексом:

header {
  display: flex;
  flex-flow: column nowrap;
}

, либо поставьте в нём

header {
  font-size: 0;
}
#menu {
  font-size: 16px;
}