html - Divs 彼此相邻，有大小，没有换行符

Question

我想要很多小 div-s 彼此相邻，没有换行符：

<div style="overflow: scroll;">

<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>

</div>

问题是，宽度有效，但如果溢出它会转到新行，所以没有水平滚动。

Answer 1

white-space您可以使用&实现此目的display:inline-block;。像这样写：

.parent{
 white-space:nowrap;
overflow:scroll;
}
.parent > div{
 display:inline-block;
 white-space:normal;
}

检查这个http://jsfiddle.net/EUtLh/

Answer 2

放置这些 div 的一般容器的宽度需要设置为“宽度：100%”，以便我可以适应不断增长的大小。

Answer 3

这是给你的脚本。

不确定这是否正是您想要的。

http://jsbin.com/anoran/edit#javascript,html

更新：

http://jsbin.com/anoran/2/edit

Answer 4

<div style="overflow-x: scroll; width:100%|400px">
    <div style="width:10000px">


<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>
<div style="float: left; width: 40px;"></div>


    </div>
</div>

在铬中工作！