保持动态创建的<ul> </ul>的最高位置

Question

我正在创建网络应用，但我被困住了，所以我需要你的帮助。 因此，用户可以在dinamically中创建出现在容器中的<ul>，一切正常，直到无序列表的数量超过容器的宽度，然后这些列表开始出现在已创建的列表下，但我希望它们始终位于容器之上当用户需要更多空间来存储所有列表时，应该出现水平滚动条。我已将overflow: auto;放在我的容器中，但它仅适用于垂直滚动条。

<div class="columns columnsPrivate">
   ... some simple unordered lists with couple list items which I append using javascript

</div

所以我的问题是，如何强制将这些无序列表显示在“列”类的顶部，当我在顶部说我的意思是position: relative: top: 0px;时，不要将它们放在已创建的列表下面。

Answer 1

尝试

ul {
    overflow: auto;
    white-space: nowrap;
}

http://jsfiddle.net/AyjZf/

Answer 2

这个回答here，请务必在下次再做一点研究:)

将overflow-x: auto;用于水平滚动条。