绝对父级使用z-index重叠绝对子div：1000

Question

我有一个主要的父级.objects-wrap，它位于绝对位置，我有一个table。

现在随着列的增加，水平滚动位于父div .objects-wrap的底部。

现在问题出现在我的上一个td有引导下拉菜单，由于水平滚动条而被隐藏，即使有z-index:1000应用于下拉菜单。

水平滚动条与下拉菜单重叠 如何在滚动条上显示下拉菜单

Click here to see the JSfiddle for your reference

我希望这可以解释这个场景并提前感谢：）

Answer 1

您可以在此处删除overflow-y媒体资源：

.objects-wrap {
  position: absolute;
  overflow: scroll;
  width: 100%;
}

See it here

当您点击右侧链接时，它会添加一个垂直滚动条，可以吗？

修改

或者您可以在其上设置最小高度属性like this

.objects-wrap {
  position: absolute;
  overflow: scroll;
  overflow-y: hidden;
  width: 100%;
  min-height: 300px;
}

编辑2

如果您不想使用垂直滚动条，可以将overflow-y属性更改为visible。

但是，当您点击右侧链接时，您将拥有垂直滚动条。

Like this