html - 如何垂直滚动多个UL设置？

Question

我想ul垂直滚动多个集合。

<section class="main_nav_dropdown dark_blue fl">
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
    <ul class="unstyled fl archive_list"></ul>
   </section>

每个ul都是float: left并且已经固定width在200px. 外部section是900px width和overflow-x: scroll;。如何通过滚动显示所有 ul。因为现在在第 3 次之后，ul其他人像图像一样跌到了谷底。

Answer 1

您必须在部分和 UL 之间再指定一个元素，或者更改<section>为<iframe>掌握 UL。

<div id="outer">
    <div id="inner">
        <ul class="foo left"><li>&nbsp;</li></ul>
        <ul class="foo left"><li>&nbsp;</li></ul>    
        <ul class="foo left"><li>&nbsp;</li></ul>
        <ul class="foo left"><li>&nbsp;</li></ul>
    </div>
</div>​

http://jsfiddle.net/CTvHa/

请原谅我的英语...