div的水平滚动条

Question

请找到DEMO here。

我正在尝试将水平滚动到div，但在当前代码中，只显示垂直滚动。我需要所有ul列表在同一行，意味着它不应该在第二行，以便我可以得到水平滚动。 http://jsfiddle.net/gwUyn/

如何获得水平滚动？

Answer 1

在：

.horizontalaccordion > ul > li

添加：

dispaly:inline-block

删除：

dispaly:block

您的代码将正常工作

Answer 2

你应该使用“overflow-x：scroll;”在您的div所属的css id或类中。

  

## HTML FILE ##      ＆LT; div class =“test”＆gt;      你要写的所有文字      ＆LT; / DIV＆GT;

     

## CSS FILE ##      。测试{      宽度：100px;      身高：100px;      overflow-x：scroll;      }

LINK EDITED

在你的情况下，这是特别的，但我认为你试图这样做：http://jsfiddle.net/5XCRL/

Answer 3

永远不会有水平滚动条，而您的子元素适合父元素。如果我正确理解了您的目标，jsfiddle可能会帮助您

<强>更新

再试一次：jsFiddle