元素轮播的CSS（容器有固定宽度，可滚动区域有无限宽度）

Question

需要什么CSS来使视口内部有一个无限宽的列表？

<div class='viewport'>
  <ul class='scrollable-content'>
    <li></li>
    <li></li>
    ...
  </ul>
</div>

这似乎不应该需要javascript。它必须是简单的东西，暂时无法将它包裹在它周围。

Answer 1

这样的东西？ http://jsfiddle.net/vJgtM/

Answer 2

这也可能有用（http://jsfiddle.net/vJgtM/7/）：

<强> CSS ：

div.viewport {
    width: 500px;
    overflow: auto;
}

div.viewport ul {
    width: 100%;
     white-space: nowrap;
}

div.viewport ul li {
    display: inline;
}