覆盖子元素

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

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

Answer 1

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

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

使用溢出自动时，只有在需要时才会显示滚动。