css - 响应 CSS 菜单以匹配父级的高度

Question

我想让我的导航垂直填充标题的空间。我已经尝试了 100% 的身高，但没有运气。如果您在开发站点上看到这里：http: //inspiredworx-labs.com/sites/mannings/主页菜单项具有红色背景，不会拉伸/填充标题的整个高度。我怎样才能实现它，以便所有菜单项都填充高度，即使高度发生变化？

谢谢

Answer 1

您需要增加填充，如下所示。因此，它看起来就像您需要更新一样。

#masthead .nav ul li a{
  padding: 19px 15px;
}

Answer 2

我知道实现这一点的唯一方法有点棘手但非常可靠。

这是一个很好而清晰的解释：

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks