21

一个容器 div 中有三个并排的 div 元素,宽度小于子元素的总宽度。在这里你可以找到案例的小提琴:

我想让容器 div 水平滚动以显示其他孩子。

如何安排孩子不要包裹在容器 div 内?它现在垂直滚动,我希望它水平滚动。

4

3 回答 3

37

更改并添加float: left到容器。display: inline-block;white-space: nowrap

于 2012-04-22T15:36:52.840 回答
3

您需要div在滚动div中的另一个总宽度等于其子项的所有宽度。

见:http: //jsfiddle.net/joshdavenport/SasDh/2/

那里已经有一个额外的div所以我用了那个

奖励:要摆脱垂直滚动条,请使用overflow-y: hidden. 见:http: //jsfiddle.net/joshdavenport/SasDh/3/

于 2012-04-22T15:40:30.090 回答
1

标签用于对文档中的<span>内联元素进行分组。
(资源)

于 2015-04-27T11:55:46.790 回答