html - 如何让下拉菜单与正确的菜单选项卡对齐

标签 html css

我一直在尝试让我的 CSS 下拉菜单与悬停的元素对齐。出于某种原因,它总是在一个 Angular 落。相关的 CSS 和 HTML 代码在这里 http://jsfiddle.net/AnQwL/1/

我尝试查看示例以查看我是否在做一些不同的事情,但我找不到错误。定位到最左边是因为我设置了position: absolute。然而,没有这个,一切都会出错。此外,所有其他示例也都使用绝对定位。

另外,我怎样才能把它变成水平的?即,在一行而不是一行下面?

对于解决此问题的任何帮助,我将不胜感激。这里可能有重复 css dropdown menu appears at the first tab然而,这个问题没有得到回答。

最佳答案

你需要相对定位外层的<li>秒。使用 position: absolute相对于最近的 relative 绝对定位元素ly position编辑元素。

http://jsfiddle.net/Eric/MkKWa/

此外,您滥用了 id原来:你有两个#submenu元素,这是对 id 的错误使用属性。

关于html - 如何让下拉菜单与正确的菜单选项卡对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5381245/

相关文章:

javascript - 无法从文本区域 TinyMCE 4 获取 HTML 内容

javascript - 从 html anchor 元素传递窗口对象

html - 如何删除焦点/悬停在选择/选项下拉菜单上的蓝色背景

html - CSS 布局 - 覆盖屏幕尺寸的 div

javascript - 如何根据可变的左百分比对齐文本

javascript - 在第一个下拉列表中值有子元素,然后用户在第二个下拉列表中选择相同的值应该使用 jquery 接受

javascript - 为什么使用函数参数与。全局变量?

android - 当我在 Android 手机上滚动时背景跳动

html - 菜单项显示不正确

javascript - 我可以做些什么来减少 HTML 页面的加载时间?