html - 高さが一定で幅が可変の Div

Question

幅 500px、高さ 50px の Div があります。この Div 内には、幅 50 ピクセル、高さ 50 ピクセルの小さな Div が多数 (たとえば 50 個) あります。垂直スクロールではなく水平スクロールが必要になりました。これらの小さなdivを垂直ではなく水平にオーバーフローさせるにはどうすればよいですか

また、小さな div の数も変更できます。

Answer 1

次のCSSを外部に割り当てますDIV。

white-space: nowrap;
overflow-x: scroll;

このフィドルの例を参照してください。

Answer 2

子divをdisplay: inline-blockに設定してから、親をに設定してみてくださいwhite-space: nowrap。

お役に立てば幸いです:)

Answer 3

メインの div スタイルの定義

 float : left; 
 overflow : scroll;