Javascript Jquery菜单运行不稳定、定位错误和常见错误

我做了一份水平菜单

它应该做的是让它下面的元素以有序的方式沿着右侧排列。取而代之的是，它在整个页面中跳跃似乎是随机的，并且还有其他问题，比如闪烁。我已经坚持了一段时间，希望能有一些技巧来解决这些问题。这里有一个显示问题，所有内容都已精简

谢谢

以下是当前的问题：

• 即使子菜单的偏移量是由主导航偏移量+宽度计算得出的，但它与主导航的右侧并不完全对齐

• 闪烁（使用大边框适度解决）

• 元素有时抓不住鼠标，为了重现我一直在上下移动鼠标

• 菜单滑出部分以某种随机顺序进入页面的右下角，并继续向远处移动（yikes）

---

解决闪烁问题的方法是使子菜单项重叠或接触。这可以通过向菜单项添加一个像素的白色边框来实现

---

当涉及到对齐问题（这可能是有意的）时，您需要添加（两次）元素的填充和边框，因为宽度在填充内。

对我有效，但子菜单显示在其父元素后面。这可以通过手动指定z索引来解决。试着将鼠标从右向左移动到元素上，它们开始害怕。除了z-index问题，在Chrome Win7中（向下和向右移动更远）对我来说很好，但这不能通过向任何东西添加z-index来解决，因为它是一个继承值。尝试以不同的方式重建它。@jett我遇到了以下问题：
-子菜单显示在主菜单后面
-当菜单重新绘制时，页面缩小并重新展开，导致滚动条跳转。你应该为菜单预先分配足够的空间来解决这个问题
在我最初的评论之后，我还注意到：
-当您在子菜单项之间悬停时，子菜单将消失。您可以使

ul

可见并将其悬停，也可以为

li

指定一个边框，使其重叠
-我曾经设法使菜单完全消失，如果不悬停，则会拉伸页面。不知道怎么做，是的。看起来菜单滑出部分在页面的右下角，它发生在ff和chrome上。这真的是我最大的问题，因为我完全不知道是什么原因造成的。通过在菜单上挥动鼠标，我可以复制它。一旦发生这种情况，它会继续向左下角移动，有时会四处跳跃。谢谢你的建议，我正在尝试。