overflow-y hide子菜单

Question

我有一个具有一定高度的列表，需要将其滚动以垂直显示其余部分 所以我在列表中添加了overflow-y: hidden; 但子菜单无法显示，水平滚动条显示。

有什么解决方案吗？ code here

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;
}