提问者:小点点

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


我有一系列的表格有下拉菜单在一些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是有限的。


共2个答案

匿名用户

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

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

匿名用户

尝试修改下拉式CSS,如下所示:

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