水平滚动Div没有内容向下移动

Question

我需要创建一个固定高度和100％宽度的div。 div的内容是一系列图像（仅img标签）。

当我调整窗口大小小于图像的整体宽度时，列表中的最后一个图像会向下移动/向下移动到第一个图像下方的左侧。

如何防止图像移动/流向下一行并将它们全部放在一行上，以便用户被迫水平滚动div以查看其余图像？

以下是一个jsfiddle：http://jsfiddle.net/ZnWXj/2/

Answer 1

您需要将white-space CSS属性用于div并为其提供nowrap值。

在this jsFiddle中显示。 （你原来的，加上我添加了overflow-y属性。）

使用的CSS：

div {
    height: 120px;
    background: #666;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}​

Answer 2

我认为你试图浮动左边的所有图像。

在css中，对所有图像使用Postion Absolute，然后将所有图像浮动到左侧。

像

这样的东西

float:left;
position: absolute;

在img标签上使用这些

这是我的头顶尚未尝试过。如果我错了就很抱歉。