水平滚动条问题

Question

我有一个包含大量固定宽度高度div的“瓷砖”的div的问题，我想让它水平滚动，以便容器内的瓷砖与滚动条一起滚动。

这是jsfiddle中的一些东西。 http://jsfiddle.net/jNbxU/2/

它缺少东西，但必需品在那里。例如，如果您单击一个框，例如“For Kids”，然后查看标有“现在选择图片”的容器，那个“设计1，设计2等等”中的div不应换行到两行，它们应该全部打开一行和滚动。我不能得到它的工作...

任何帮助将是真棒，谢谢。 ：D

Answer 1

你需要的是一个容器中的容器。外部容器有一个overflow: scroll和固定尺寸以允许滚动，并且内部容器具有足够大的宽度以容纳其中的所有元素。我通常使用JavaScript将内部容器的宽度设置为所有元素的宽度（+边距/边框）。

在HTML中它看起来是这样的：

<div class="outer"> 
    <ul class="inner"> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    ... 
    </div> 
</div> 

也有内部容器上使用的东西，像white-space: nowrap解决方案，但我最后一次尝试，我无法得到它的跨浏览器可靠地工作。