下拉菜单隐藏在 div 后面答案

【问题标题】：dropdown menu hide behind div下拉菜单隐藏在 div 后面
【发布时间】：2014-03-15 14:38:35
【问题描述】：

我不知道什么应该是我的问题的好标题。无论如何，我是一个新学习者，并且正在测试完成一个下拉菜单。 http://jsfiddle.net/talk2rakesh143/gvRYY/3/

我试图将 navMenu div 放在中间的 header div 中。我正在尝试做一个包含 6 个项目的下拉菜单，但由于 overflow:hidden 属性，项目 5 和 6 被隐藏。如果我删除溢出属性，则 div 会向下滑动。请在不向下滑动标题 div 的情况下解决此问题并解释我的错误。

【问题讨论】：

【解决方案1】：

按照我的做法，将您的边距从 50 像素设置为 5 像素

#navMenu {
  width: 800px;
  background-color: goldenrod;
  height: 100px;
  margin: 5px auto;
}

而 li 高度可以设置为 25px 而不是 30px，

#navMenu ul li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 150px;
    height: 25px;
}

【讨论】：

天啊！！！非常感谢。你拯救了我的一天。我无法投票，因为我是新来的。好吧，请让我知道我的错误并解释您的解决方案。
等等...虽然它达到了目的，但这不是我想要的。它只是将 div 移动得更高一点，但它并没有使菜单放在前面。无论 navMenu div 的位置如何，请任何人将菜单放在前面。谢谢。

【解决方案2】：

在您的 CSS 中只需更改高度，将标题高度设为自动

#header {
    height: auto;
}

和导航菜单高度 500px 或任何更适合你的东西

    #navMenu {
    height: 500px;
}

【讨论】：