使用Overflow-X自动关闭表中的下拉列表

Question

我有一系列的表格有下拉菜单在一些TD的，所有的表格都有Overflow-X设置为auto，这样用户可以水平滚动，如果表格内容是宽于屏幕宽度。

您可以在抓取中看到，显然Overflow-X自动导致下拉列表被关闭，即使它们的Z索引大于表。

包含表CSS：

.ms-webpart-zone.ms-fullWidth .ms-webpartzone-cell {
   display: block;
   overflow-x: auto;
   overflow-y: visible;
   min-height: 220px;
   position: relative;
   z-index: 10;
}

下拉CSS：

top: 10px;
position: absolute;
visibility: visible;
left: 88px;
width: 226px;

我不能剪切和粘贴很多代码，因为这是一个SharePoint应用程序，所以我的操作字段关于自定义css，特别是html是有限的。

Answer 1

尝试修改下拉式CSS，如下所示：

top: 10px;
position: absolute;
visibility: visible;
left: 150px;
width: 226px;
bottom:50px;

Answer 2

您可以尝试使用下拉菜单：

position: absolute;
display: block;
top: depend on your parent element of dropdown
left: the same with top