html - 保持动态创建的顶部位置

Question

我正在创建网络应用程序，但我被困住了，所以我需要你的帮助。因此，用户可以动态创建<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

这个已经在这里回答了，下次一定要多做一些研究:)

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