listbox - 列表框的水平滚动

Question

我有一个内容很长的 html列表框。内容的宽度也太长，以至于必须使用水平滚动条。不幸的是，列表框中没有水平滚动条。如何获得列表框的水平和垂直滚动。
我给这个html列表框指定了一个div作为父级，并为其设置了溢出-x:自动，并为其中的列表框提供了全宽。例如:

.listbox{width:560px;height:560px}
.div{ height:500px;width:200px}

但是当我这样给出时，我得到了div的水平滚动条，滚动时显示了整个内容。但是只有当我们将div的滚动移动到最右端时，列表框的垂直滚动才会显示

谁能帮我解决这个问题？

Answer 1

您必须将水平和垂直滚动条都委派给封闭的div:

.listbox {
    width: 560px;
    height: 560px;
    overflow: visible;
}

.div {
    width: 200px;
    height: 500px;
    overflow: auto;
}