jsp ul设置滚动条,如何为html UL列表启用水平滚动条

I have following css for my list. I can see the horizontal scroll bar but its disabled. How to enable it?

.li {

position: absolute;

z-index: 10;

list-style: none;

margin: 0;

padding: 2px;

max-height: 20em;

overflow-y: scroll;

overflow-x: scroll;

}

.ul {

margin: 0;

padding: 0 4px;

border-radius: 2px;

max-width: 10em;

white-space: nowrap;

color: black;

cursor: pointer;

}

Please help

解决方案

Why did you write ".li" and ".ul"? Unless these are your class names for the list elements, they should either just be "li" and "ul" (without the periods), or be the class names of the respective "li" and "ul" elements.