具有恒定高度可变宽度的 Div

【问题标题】：Div with constant height variable width具有恒定高度可变宽度的 Div
【发布时间】：2012-06-11 09:15:17
【问题描述】：

有一个宽度为 500 像素，高度为 50 像素的 Div。在这个 Div 里面有很多（比如 50 个）宽度为 50px 和高度为 50 px 的小 Div。现在我想要一个水平滚动而不是垂直滚动。我怎样才能强制那些小 div 水平溢出而不是垂直溢出

小 div 的数量也可以改变。

【问题讨论】：

标签： html css

【解决方案1】：

将以下 CSS 分配给外部DIV：

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

在fiddle 中查看示例。

【讨论】：

【解决方案2】：

尝试将子 div 设置为 display: inline-block，然后将父 div 设置为 white-space: nowrap。

希望有帮助:)

【讨论】：

【解决方案3】：

主 div 样式定义

 float : left; 
 overflow : scroll;

【讨论】：