具有恆定高度可變寬度的Div

Question

有一個寬度爲500px且高度爲50px的Div。 在這個div裏面有很多（比如說50）的小div，寬50px，高50px。 現在我想要一個水平滾動而不是垂直滾動。 如何強制這些小divs水平不垂直溢出

也可以改變小divs的數量。

Answer 1

分配以下CSS到外DIV：

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

請參見本fiddle一個例子。

Answer 2

嘗試將子div設置爲display: inline-block，然後將父項設置爲white-space: nowrap。

希望幫助:)

Answer 3

主DIV風格定義

float : left; 
overflow : scroll;