多くの<div>要素をラップせずに並べる方法
コンテナdivには3つのdiv要素が並んでおり、子の合計幅よりも小さい幅になっています。 ここ ケースのFiddleを見つけることができます：
他の子を表示するために、コンテナdivを水平にスクロールさせたいです。
コンテナdiv内にラップしないように子供を配置するにはどうすればよいですか？今は垂直にスクロールしますが、水平にスクロールしたいです。
float: leftをdisplay: inline-block;に変更し、white-space: nowrapをコンテナに追加します。
スクロールdiv内に、その子のすべての幅に等しい合計幅を持つ別のdivが必要です。
参照： http://jsfiddle.net/joshdavenport/SasDh/2/
既に余分なdivがあったので、それを使用しました
ボーナス：垂直スクロールバーを削除するには、overflow-y: hidden。参照： http://jsfiddle.net/joshdavenport/SasDh/3/
<span>タグは、ドキュメント内のインライン要素をグループ化するために使用されます。
（source）