水平滾動div沒有內容下移

我需要創建一個固定高度和100％寬度的div。 div的內容是一系列圖片（只是img標籤）。水平滾動div沒有內容下移

當我調整小於圖像總寬度的窗口大小時，列表中的最後一張圖像在第一張圖像下向左移動/向下移動。

如何防止圖像移位/流向下一行並將它們全部保留在一行上，以便用戶被迫水平滾動div以查看其餘圖像？

這裏是一個的jsfiddle爲例：3210

你目前的代碼是什麼？你可以發佈一個jsfiddle嗎？ – cegfault

添加了jsfiddle示例 –

你要使用white-space CSS屬性的div並給它一個nowrap值。

顯示在this jsFiddle。（您原來的，再加上我添加了overflow-y屬性。）

CSS使用：

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

2012-09-18 02:24:36 Eric

啊白色空間......沒有永遠使用過。謝謝！ –

我認爲你正試圖浮在左邊的所有圖像。

在CSS中使用所有圖像的位置絕對，然後將所有圖像浮動到左側。

喜歡的東西

float:left; 
position: absolute;

在img標籤

這是把我的頭頂部有沒有嘗試過使用這些。如果我錯了，那很抱歉。

來源

2012-09-18 03:36:01

回答