html - 溢出-y 隐藏子菜单

Question

我有一个具有一定高度的列表，需要使其滚动以垂直显示其余部分。
所以我添加overflow-y: hidden;到列表中。
但是子菜单不可见，并且显示了水平滚动条。

有什么解决办法吗？ 代码在这里

Answer 1

只需增加 .wrapper 的宽度

.wrapper {
  margin: 20px;
  background: gray;
  color: white;
  width: 400px;
  height: 100px;
  /* I need overflow-y auto,but I also need to display the submenu*/
  overflow-y: auto;
  overflow-x: visible;
}