Горизонтальная прокрутка для списка

Question

У меня есть html listbox с длинным содержимым.Ширина содержимого также слишком велика, поэтому горизонтальная полоса прокрутки необходима.К сожалению, горизонтальная полоса прокрутки отсутствует в списке.Как можно получить как горизонтальную, так и вертикальную прокрутку для списка.Я дал 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;
}