css - 创建单行 div，并向其容器 div 添加滚动

Question

如何让div内的一组方 block 排成一行，并在方 block 超过div宽度时触发水平滚动？

此 jsfiddle 显示灰色方 block 在给定较窄宽度的情况下错误地环绕。灰色方 block 应始终在 1 行中，并且容器 div 应具有水平滚动条。

http://jsfiddle.net/anqKb/

我尝试过的事情:

各种position: absolute 和overflow: scroll 属性。似乎没有任何组合能够获得可滚动容器 div 的预期效果。

Answer 1

要使行内 block 始终保持在一行中，请在容器上使用 white-space:nowrap。使用 overflow:auto 实现可选的溢出(即当内容宽度超过父宽度时)。

Here's an updated fiddle .