Html 固定垂直滚动列

如何在保持水平滚动和“蓝色”边框的同时，使

表能够垂直滚动？另外，我想将
设置为“固定”。（因为太多的代码无法直接发布，所以给出了一个like）
看看fiddle for fixed header和body上的滚动条。希望这能满足任务。。谢谢

HTML:

我发现这个问题的CSS解决方案在你通常还需要支持的旧浏览器中是不受支持的（IE7，IE8）。以下jQuery插件允许我为一些成功的商业项目创建具有固定标题、排序等的复杂可滚动表：



您仍然可以根据需要设置表格的样式，包括边框。如果您想要一个包含整个表（标题、正文和全部）的蓝色边框，那么我建议将该表放在一个容器DIV中，并将该DIV设置为您想要的边框样式，同时从表本身删除一个外部边框。
这就是您要找的吗，对
#timeline
CSS属性进行了少量更改

<table class="table table-striped mainhelloo">
    <thead class="waah">
    <tr>
        <th>Make</th>
        <th>Model</th>
        <th>Color</th>
        <th>Year</th>
    </tr>
    </thead>
    <tbody class="helloo">
    <tr>
        <td class="filterable-cell">Ford</td>
        <td class="filterable-cell">Escort</td>
        <td class="filterable-cell">Blue</td>
        <td class="filterable-cell">2000</td>
    </tr>
    <tr>
        <td class="filterable-cell">Ford</td>
        <td class="filterable-cell">Escort</td>
        <td class="filterable-cell">Blue</td>
        <td class="filterable-cell">2000</td>
    </tr>
            <tr>
        <td class="filterable-cell">Ford</td>
        <td class="filterable-cell">Escort</td>
        <td class="filterable-cell">Blue</td>
        <td class="filterable-cell">2000</td>
    </tr>
     <tr>
        <td class="filterable-cell">Ford</td>
        <td class="filterable-cell">Escort</td>
        <td class="filterable-cell">Blue</td>
        <td class="filterable-cell">2000</td>
    </tr>
    </tbody>

</table>

.mainhelloo thead, tbody, tr, td, th {
     display: block; 
}
.mainhelloo tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }


        .helloo {
            height: 120px;
            overflow-y: auto;
        }

        .waah{
            width: 100%;
        }


        .mainhelloo td, .mainhelloo th {
            width: 25%;
            float: left;
        }