容器div中有三个div元素,宽度小于子总数 宽度。 Here你可以找到案件的小提琴:
我想让容器div水平滚动以显示其他孩子。
如何安排孩子不要在容器div内包装? 它现在垂直滚动,我希望它水平滚动。
答案 0 :(得分:37)
将float: left
更改为display: inline-block;
并将white-space: nowrap
添加到容器中。
答案 1 :(得分:3)
滚动div
中需要另一个div
,其总宽度等于其子项的所有宽度。
请参阅:http://jsfiddle.net/joshdavenport/SasDh/2/
那里已经有一个额外的div
所以我用了那个
奖励:要删除垂直滚动条,请使用overflow-y: hidden
。请参阅:http://jsfiddle.net/joshdavenport/SasDh/3/
答案 2 :(得分:0)
<span>
标记用于对文档中的内联元素进行分组
(source)