列表框的水平滚动

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