Javascript 使溢出调整大小以适合内部div

我遇到了一个有趣的问题。我有一个

div

，它是菜单周围的一个容器

如果我在菜单上设置了

overflow:hidden

，则会隐藏菜单中溢出的部分

我不想隐藏它们，只想简单地调整“组列表”菜单弹出按钮的大小，使其保留在我的菜单中

这是一把小提琴：

在小提琴中，您将看到，如果将鼠标滑过A，它将在蓝色容器上方飞出。如果切换溢出，溢出将被隐藏

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

---

（我整个上午都在做这道数学题，不太懂.）

我拨开你的小提琴，想出了一个答案。只需找到容器和弹出按钮的顶部位置，然后找到差异并使用该值相对定位弹出按钮。我还必须更改列表项的高度，将其硬编码为20px，否则列表项将更改宽度

var groupListTop = groupList.offset().top;
var containerTop = $('#container').offset().top;
if(groupListTop < containerTop) {
    var diff = containerTop - groupListTop;
    groupList.css({
        position: 'relative',
        top: diff
    })
}

var groupListTop=groupList.offset（）.top；
var containerTop=$（'#container'）.offset（）.top；
如果（groupListTop

您的

组列表目前有一个
页边距顶部
，但将其置于
绝对位置，然后将其向上拉-50px（以匹配您按下
的50px）会更简单

如果您的
#测试二
没有定位，您可以为
顶部
提供
组列表
0px

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