列表框的水平滚动

Question

我有一个内容很长的 html 列表框。内容的宽度也太长了，水平滚动条是必须的。不幸的是，列表框中没有水平滚动条。如何获得列表框的水平和垂直滚动。 我给了一个 div 作为这个 html 列表框的父级，并给了它 overflow-x: auto 并给了它里面的列表框的全宽。例如：

.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;
}