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

标签 jquery html css overflow css-position

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

Subnav Example

请查看链接以获取我的意思的 jsfiddle 示例。

最佳答案

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

您需要删除 nav 上的 overflow:hidden 并给它一个高度,例如34px.

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

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

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

关于jquery - 帮助创建子导航的 HTML 嵌套列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6899777/

相关文章:

html - 右侧的额外空间

javascript - jqGrid : What is wrong in my JSON?

javascript - CSS/jQ/jS - Prev/Next 按钮不会堆叠在 img cycler 上

html - 如何使用 CSS 仅在移动设备上显示文本?

html - float 两个 div 元素而不影响下一个 div 元素

php - 如何查找网站(包括其所有页面)的 HTML 中是否存在 CSS 类?

html - 带有移动导航栏按钮的垂直对齐播放按钮

c++ - QComboBox 文本颜色没有按预期更改

javascript - jQuery 根据元素数量增加数量

javascript - .点击 li 追加后不起作用