下拉菜单隐藏在div后面

Question

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

我尝试将navMenu div放在标题div中间。我正在尝试执行6个项目的下拉菜单，但由于overflow:hidden属性，项目5和6被隐藏。如果我删除溢出属性，div会向下滑动。请不要滑动标题div来解决这个问题并解释我的错误。

Answer 1

检查此jsFidlle

将您的保证金从50px减少到仅设置为5px，就像我做的那样

CSS

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

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

CSS

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

Answer 2

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

#header {
    height: auto;
}

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

    #navMenu {
    height: 500px;
}

Check this fiddle