divのスクロールでdivの行がオーバーフローする新しい行

Question

私はdiv whithに画像を持つ別のdivが含まれています。私はオンラインでこれらのdivを持っている必要がありますが、別のdivを追加すると、このdivが新しい行に移動するのに十分な場所がありません。 divの数はdb内の画像の数に依存するので、それらをスクロールする必要があります。

CSS：あなたの入力のための

div#saved_images { 
    width: 85%; 
    height: 135px; 
    overflow-x: scroll; 
    overflow-y: hidden; 
    border: 2px dashed #000; 
    border-radius: 10px; 
} 

div.saved_image { 
    display: inline-block; 
    width: 170px; 
    height: 120px; 
    padding-left: 5px; 
    padding-right: 5px; 
    text-align: center; 
} 

感謝。 ここにはjsfiddleがあります：http://jsfiddle.net/remibreton/Sc2L8/

Answer 1

div＃containerには「white-space：nowrap」を使用する必要があります。

div#container { 
    width: 85%; 
    height: 135px; 
    overflow:scroll; 
    border: 2px dashed #000; 
    border-radius: 10px; 
    white-space:nowrap; 
} 

Answer 2

これは、フローティングの典型的なケースです。浮動小数点数の詳細here：

div.saved_image { float:left; } 

Answer 3

ちょうど私があなたのもののjsfiddleをやったコンテナ

.container { 
    display: block; 
    width: 100%; 
    overflow:hidden; 
    white-space: normal; 
}