jquery - 在下拉菜单中，主要的 li 父级插入其 sibling

Question

我做了一个简单的下拉菜单，但问题是主要的<li>父级在下拉效果后插入其 sibling 。

因此，如果您将鼠标悬停在 Drop 1 上, 然后 Link 3然后link 6 , Drop 2会被推到右边因为Drop 1 li宽度会增加。

如何防止这种情况？

FIDDLE:

Answer 1

您需要为子元素使用 position: absolute; 并根据您的要求设置下拉列表位置。

Demo

.menu > li > ul {
    position: absolute;
}

Note: If you want, this can be accomplished with pure CSS, for the question of smooth drop downs, you can use CSS transitions