CSS Overflow-x：滾動顯示內容

Question

我已經通過Overflow-x：scroll上的各種論壇帖子進行了搜索，它解釋瞭如何實現它，並且在大多數情況下，相同的修復程序已解決OP的問題。

但是，我已經按照這些帖子，仍然不能解決我的問題，請幫助！

我正在創建一個圖像預覽窗格（大圖像，縮略圖列表），我試圖將縮略圖放置在水平可滾動的DIV中，但我一遍又一遍地打出來。

使用我當前的代碼，我將寬度設置爲200px，但儘管存在overflow-x，但div仍然在屏幕上顯示所有縮略圖。

#Thumbview { position:relative; height:100px; width:200px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; } 

我的PHP是這個小位如下：

<div id="ThumbView"> 
     <?php 
     // Create a slide-able thumbnail view. 
     $piclist = explode(", ", $datafiller['PictureList']); 
     foreach ($piclist as $thumbnail) { 
     echo "<img src=\"./Images/Inventory/" . $_GET['carid'] . "/thumbnails/" . $thumbnail . "\">"; 
     } 
     ?> 
    </div> 

我試圖封裝每個IMG的DIV，同時與容器上沒有運氣，改變顯示器類型和孩子各種內聯元素。仍然沒有變化。想法？

Answer 1

您的ID名稱應符合（約v保養）

<div id="ThumbView"> 

#ThumbView 

這是什麼ü需要？ http://jsfiddle.net/x96hq47c/