为子元素覆盖overflow-x hidden

Question

我有一个具有以下 CSS 属性的包装类；

#wrapper {
  margin-left: -320px;
  left: 350px;
  width: 300px;
  position: fixed;
  overflow-y: scroll;
  overflow-x:hidden;
  top: 60px;
  bottom: 10px;
  transition: all 0.4s ease 0s;
}

#wrapper.affix-top {
  position: fixed;
}

它是一个带有滚动条的左侧栏。现在我想要一个下拉菜单，就在包装器的末尾。但是由于属性是overflow-x: hidden 仅显示部分下拉列表。如何在不实际篡改包装器的情况下弹出下拉菜单？如果我删除overflow-x，下拉菜单进入div 并使用滚动访问，但我希望下拉菜单弹出。

Answer 1

如果我理解正确，您需要将溢出设置为自动：

  overflow-y: auto;
  overflow-x: hidden;

使用自动溢出，滚动仅在需要时出现。