Получение ребенка заполнить родительскую высоту в меню

Question

Я пытаюсь получить ребенка (LI) для заполнения родителя (UL) в моем главном меню здесь website-test-lab.com/sites/mirandaparsons/

I я использую части flexbox, чтобы сделать меню вертикально и горизонтально по центру, но вы заметите, что мне нужны белые границы, чтобы быть полной высотой меню.

Я видел много «хаков», чтобы заставить это работать, но, конечно, есть более простой способ? Возможно, с помощью flexbox или даже фрагмента JS?

Любая помощь была бы очень признательна.

Answer 1

Например:

• Дайте мкл: высота: 60px;
• Remover край от литий
• Дает Ли с: отступов: 20px 0.5em;

Результат: http://i.stack.imgur.com/eYdPc.png