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

时间:2013-10-09 13:19:59

标签: css

我想让我的导航垂直填充标题的空间。我已经尝试了100%的高度而没有运气。 如果您在开发网站上看到:http://inspiredworx-labs.com/sites/mannings/主页菜单项有一个红色背景,不会拉伸/填充标题的整个高度。 如何实现它,即使高度发生变化,所有菜单项都会填满高度?

由于

2 个答案:

答案 0 :(得分:0)

我知道实现这一目标的唯一方法有点棘手,但非常扎实。

这是一个很好的清晰解释:

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

答案 1 :(得分:0)

您需要增加填充,如下所示。所以,它看起来就像你需要更新一样。

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