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

Question

У меня есть html listbox с длинным содержанием. Ширина содержимого слишком велика, что горизонтальная полоса прокрутки является необходимой. К сожалению, горизонтальной полосы прокрутки нет в списке. Как получить горизонтальную и вертикальную прокрутку для списка. Я предоставил div в качестве родителя этого списка html и дал для него переполнение-x: auto и дал полную ширину для него. Например:

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

Но когда я дал, как это я получил горизонтальную полосу прокрутки для DIV, который при прокрутке показывает в целом content.But вертикальной прокрутки в окне списка будет отображаться только тогда, когда мы перемещаем свиток div до крайнего правого конца

Может ли кто-нибудь помочь мне решить эту проблему?

Answer 1

Вы должны делегировать как горизонтальные и вертикальные полосы прокрутки вмещающего div:

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

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