Question

我在表格单元格中有一个自定义下拉列表。包含该单元格的表位于一个包装器中，该包装器应该水平滚动而不是垂直滚动。水平滚动工作正常，但我发现

overflow-x:auto;
overflow-y:visible;

根据规格，

不会一起工作。下拉内容显示在父容器的滚动条下方。我试图将下拉列表显示在水平滚动条的顶部。

这是我目前所拥有的jsfiddle。我不确定当你点击下拉菜单时我怎么能不显示垂直滚动条。我只想克隆下拉菜单，将其附加到正文的末尾，然后将其定位到原始位置，这样它基本上会漂浮在所有内容上，而不会影响表格的容器。事情是，我必须想办法让它在滚动容器时滚动表格。

感谢。

Answer 1

这是不可能的，因为.wrapper包装了所有内容。因此，如果您想要.content重叠滚动条，.content必须在.wrapper之外。我很快就会把这个演示发给你。等等！

Answer 2

试试这个：

.wrapper {
    overflow: scroll;
    width: 100%;
}

或者如果您希望下拉列表位于水平栏之上，则需要在css下面设置“top”属性：

有些事情是这样的：

.custom-dropdown .contents { 
    top:-25px;
}