Html 组合溢出-y:滚动和溢出-x:可见

我有一个div，它的弹出式div位于绝对右侧。它的所有工作正常，但我需要添加一个最大高度我的主要div。因为它会溢出，我添加溢出-y滚动，但它把一切都搞砸了。它可以防止弹出式div超出主div，并使用水平滚动条将它们放在主div的内部

我模拟了一个例子：

菜单{
高度：200px；
最大高度：200px；
宽度：200px；
背景色：红色；
边缘底部：50px；
}
.菜单溢出{
溢出y：滚动；
背景颜色：紫色；
高度：150像素；
最大高度：150像素；
}
.菜单项{
高度：30px；
宽度：100%；
背景颜色：蓝色；
位置：相对位置；
边缘底部：10px；
光标：指针；
}
.菜单项弹出按钮{
显示：无；
宽度：200px；
高度：100px；
位置：绝对位置；
左：100%；
背景颜色：绿色；
排名：0；
}
.菜单项：悬停.菜单项弹出{
显示：块；
}

工作正常：
这是行不通的。我想添加溢出y
滚动至“功能表”，但会阻止弹出按钮

很遗憾，您不能混合溢出值：

如果

overflow-y

是

隐藏的

，

滚动

或

自动

，并且此属性是

可见的

（默认）它将隐式计算为

auto

auto

，在这种情况下，强制滚动条。没有办法回避这个问题：你不能让一个盒子只朝一个方向溢出

---

作为一般原则，基于悬停的菜单很难导航，但从可访问性的角度来看是危险的。将滚动条添加到组合中会导致灾难。我建议从另一个角度来解决这个问题。

主要的方面是什么？@joshmoto.main你能用javascript来解决这个问题吗？我不明白为什么@thinkerI以前没有从你的帖子中删除过聊天内容，所以我这次投了反对票，以示提醒。请尽量保持你的帖子简洁，没有聊天室的内容。