html - position:relative,溢出:隐藏父级和绝对子级

标签 html css position overflow drop-down-menu

好的,这是一个例子: http://jsfiddle.net/jGLvk/405/

如果将鼠标悬停在 9012 菜单上,您将切下绝对的下拉子菜单。 从其任何父项中删除 position:absolute 或 overflow:hidden:您将拥有正常工作的下拉菜单。

“Overflow-y:visible”只会生成一个滚动条而不是显示菜单。

请帮帮我!在如此棘手的祖先中,我需要一个常规的 superfish 下拉菜单。

谢谢!

最佳答案

来,看看。我不确定 overflow:hidden 的用途是什么,但它是否适用于 div ul 而不是 div?如果是这样,那就去做吧,并在 div 上设置 position: relative。看看 -> http://jsfiddle.net/jGLvk/407/

由于绝对定位的元素是相对于 div 的,它会忽略在 ul 上设置的 overflow:hidden;

关于html - position:relative,溢出:隐藏父级和绝对子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11319102/

相关文章:

jquery - 如何设置媒体查询并使其在移动设备上运行

jquery - 如何更改背景图像?

HTML 或 CSS 从对象数据更改文本

css - 带有图像的绝对定位(使用相对位置容器)或图像下方没有任何内容会影响其他 div

python - 裁剪图像页脚并获取原始位置

html - 居中和水平对齐图像

html - 如何在Shopify中将产品图片全屏?

javascript - 如何为 href 背景设置替代颜色

javascript - 选中确认复选框时提交 HTML 表单

android - 如何更改 Android SeekBar 轨道开始位置?