jquery - 水平滚动条问题

Question

我有一个 div 在固定宽度高度 div 中包含大量“图块”的问题，我希望它水平滚动，因此容器内的图块随滚动条滚动。

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

它缺少一些东西，但必需品在那里。如果您单击一个框，例如“儿童版”，然后查看标有“现在选择图片”的容器，那么“设计 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内部容器之类的东西，但我上次尝试时无法让它在浏览器中可靠地工作。