div的水平滚动条

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

如何获得水平滚动条？

2012-08-27 Sowmya

能否请你在你的问题中添加短，工作，简单的例子，所以本身（不依赖于外部网站）的问题仍将是未来的观众有用？ – Jeroen

我有adde小提琴链接。在那小提琴，如果你滚动的结果部分到最后，你可以看到div的自定义滚动 – Sowmya

我知道，小提琴的赞赏。然而，我认为[它是首选的]（http://meta.stackexchange.com/q/80978/162730）小提琴用来支持一个问题，并且这个问题也可以被理解为自己（这是为什么一些代码在这个问题上也会很棒）。 – Jeroen

在：

.horizontalaccordion > ul > li

地址：

dispaly:inline-block

删除t他：

dispaly:block

而且你的代码将工作

2012-08-27 13:13:49 supersaiyan

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

## HTML文件## < DIV CLASS = “测试”> 所有你想要写 </DIV>

## CSS文件## 。测试{ 宽度文本：100px; height：100px; overflow-x：scroll; }

编辑连结

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

2012-08-27 13:00:52

这没有奏效。我试过了 – Sowmya

纯html工程，但它不工作在我的代码。请检查我的小提琴 – Sowmya

我不想添加固定宽度。它应该是100％因为会有很多名单来 – Sowmya

绝不会有一个水平滚动条，而您的孩子的元素融入父一。如果我理解正确的话你的目标，这jsfiddle可以帮助你

UPDATE：

一个尝试：jsFiddle

2012-08-27 13:09:35

我需要所有的李流入一排。现在它是3行，如果你观察 – Sowmya

@Sowmya是一个已知值的标题数量？如果是，请设置'。horizontalaccordion> px中的ul宽度可以解决问题 –

回答