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/