jquery - 显示隐藏的子 div 时不允许父 div 展开

Question

我正在制作一个小菜单，我正在尝试弄清楚如何在子级取消隐藏时不展开父级 div。

在下面的示例中，请注意，当您将鼠标悬停在菜单上时，会显示 catItemWrapper div。 数字 1 和 3 很好，但是当您将鼠标悬停在菜单 2 上时，它会展开顶部 div，因为其中一个菜单项内有更多文本。

我正在尝试弄清楚如何不让 catWrapper div 与 catItemWrapper div 一起展开。

http://jsfiddle.net/vyyNW/

我没做什么？

Answer 1

jsFiddle Demo

允许拉伸(stretch)父级的元素绝对定位会将其从页面流中删除，从而阻止其调整父级的大小。

将 catitemwrapper 设置为 position:absolute;。这样做会使 catitem 上的 margin-left 显示出来，因此您应该将其删除。

.catItemWrapper { position: absolute; }