Почему элементы block не во всю высоту?

Question

[majestik]

Поясните дуралею, почему nav с параметром display:block, а так же остальные li и a не во всю высоту блока header, как div.logo ?

codepen.io/anon/pen/dPwOez

Answer 1

[Сергей delphinpro]

Если не вдаваться в подробности спецификации, то свойство height:100% (и вообще в процентах) будет работать только если родителю задана высота в абсолютных единицах (например пикселях).

Comments

[majestik]

Оно же по идее и без height на 100 должно работать, как .logo, паходу проще просто всему задать фиксированную высоту и не париться)

[Сергей delphinpro]

majestik: Не должно. У вас элементы разной высоты. Вы можете в этом убедится с помощью DevTools. Разный размер шрифта, разный межстрочный интервал, а еще у логотипа вертикальные паддинги, которых нет у ссылок меню.