正在尝试编写jQuery CSS下拉菜单。单击菜单时，其他元素会四处移动

解释起来有点复杂（或者我只是因为沮丧而感觉语无伦次），所以我做了一个简单的解释：

---

在结果部分，如果您一直滚动到右上角并单击“用户名”，则会下拉一个菜单，但当此菜单下拉时，“我的导航”中的两个元素也会随之下拉。我尝试过使用CSS位置标签和z索引，但仍然没有成功。感谢所有帮助

您必须使用position absolute，以免影响菜单中的其他div

我想它会在下面的div附近，但prob需要稍微调整一下

#header ul{
   background-color: #CCCCCC;
    border-radius: 5px 0 5px 5px;
    float: right;
    position: absolute;
    right: 0;
    top: 50px;
    width: 150px;
}

---

如果将下拉菜单的

position

属性设置为

absolute

，则会将其从网页的常规流程中删除，并可在导航栏上显示。只需将

#corner_菜单

元素的CSS设置如下：

#corner_menu {
    position : absolute !important;
    top      : 50px !important;
    left     : 950px !important;
}

下面是一个演示：

---

我通常会使用

right

而不是

left

，因为元素位于页面的右侧，但在这种情况下，我不想再修改CSS，因为它需要

right

才能正常工作。父元素（

#头

）需要将其

位置

设置为非

静态

（如

相对

）还需要更改其宽度以到达页面的两侧。

单击“用户名更改”时，我看不到任何下拉菜单，这确实解决了导航中最后两项移动的问题，但也造成了菜单在随机位置弹出的问题。参考：谢谢，这对我很有帮助，但是当我改变角落菜单的CSS时，它看起来好多了，但是我仍然无法将弹出的菜单与用户名对齐。我在页眉上添加了一个位置，并将宽度更改为100%。然后我将#拐角#菜单CSS右键更改为0。但还是有同样的问题。你能再详细一点我该做什么吗？