javascript - 调整溢出大小以适应 div 内部

Question

我遇到了一个有趣的问题。我有一个 div，它是一个围绕菜单的容器。

如果我在菜单上设置overflow : hidden，菜单中溢出的部分将被隐藏。

我不想隐藏它们，而是想简单地调整“组列表”菜单弹出窗口的大小，以便它保留在我的菜单中。

这是一个 fiddle :http://jsfiddle.net/uW9nG/

在 fiddle 中，您会看到，如果将鼠标悬停在 A 上，它会飞出蓝色容器。如果您切换溢出，溢出将被隐藏。

如何让溢出简单地调整组列表的大小以使其适合容器？

(我整个上午都在研究这个数学，但不太明白..)

Answer 1

你的 groupList目前正在给予 margin-top , 但制作它会更简单 position:absolute然后将其向上拉 -50px(以匹配您将 <ul id='test-two'> 向下推的 50px。See fiddle.

groupList.css({
    'top': '-50px',
    'position': 'absolute'
});

如果您的 #test-two没有定位，你可以给groupList top 为 0 像素.