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

时间:2011-08-01 14:19:05

标签: jquery html css overflow css-position

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

Subnav Example

请注意我所说的jsfiddle示例的链接。

1 个答案:

答案 0 :(得分:3)

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

您需要移除overflow:hidden上的nav并将其设为高度,例如34px

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

然后,您需要调整子窗体的位置,使其显示在正确的位置:

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