html - 无法放置水平滚动

我正在尝试将水平滚动条放平，here is the fiddle

请帮助我找出我在做错什么

编辑

这是标记

<table >
      <tr>
         <td style="width:300px;">
         <div style="width:300px;overflow-x:scroll !important;">
              <table style="width:100:float:left!important;">                          <caption>2011</caption>
                             <td class="top">Brand</td>
                             <td class="top">Target</td>

                            <tr>
                                 <td>ABC</td>
                                 <td>22</td>

                            </tr>
              </table>
            <table style="width:100px;float:left!important;">                        <caption>2012</caption>
                             <td>Brand</td>
                             <td>Target</td>
                             <tr>
                                <td>bnc</td>
                                 <td>22</td>
                             </tr>
             </table>
<table style="width:100px;float:left!important;">                        <caption>2012</caption>
                             <td>Brand</td>
                             <td>Target</td>
                             <tr>
                                <td>bnc</td>
                                 <td>22</td>
                             </tr>
             </table>
<table style="width:100px;float:left!important;">                        <caption>2012</caption>
                             <td>Brand</td>
                             <td>Target</td>
                             <tr>
                                <td>bnc</td>
                                 <td>22</td>
                             </tr>
             </table>
<table style="width:100px;float:left!important;">                        <caption>2012</caption>
                             <td>Brand</td>
                             <td>Target</td>
                             <tr>
                                <td>bnc</td>
                                 <td>22</td>
                             </tr>
             </table>
        </div>
        </td>
     </tr>
</table>
​

这是电流和所需输出的屏幕截图

最佳答案

在该jsfiddle上：http://jsfiddle.net/ryPdK/8/
改变这个

<div style="width:500px">

宽到巨大的东西，例如

<div style="width:9999px">

这样它就可以容纳许多这样的桌子，并以您想要的方式工作。

关于html - 无法放置水平滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10409254/