帮助创建子导航的 HTML 嵌套列表

Question

我在创建子导航的嵌套列表时遇到问题。目前它是绝对定位的，但我不能让它的父级相对定位，因为父级父级上的溢出被隐藏，因此用户无法看到完整的子导航，任何人都可以解决这个问题吗？

子导航示例

请参阅 jsfiddle 示例的链接，了解我的意思。

Answer 1

这应该可以解决问题。实例： http://jsfiddle.net/7VkrG/53/

您需要删除 在 nav 上溢出：隐藏并给它一个高度，例如34px。

header nav {
  width:960px;
  border:1px solid red;
  height: 34px;  
}

然后您需要调整子导航的位置，以便它显示在正确的位置：

header nav li ul.dropdown {top: 5px;}