使一段简单的网页有自己的滚动条

Question

我有一个我正在建设的网页部分,专门用于新闻事件.这些只是目前输入如下.

<tr>
    <td class="newsdate">
        February 2013
    </td>
    <td class="news">
        News item 1
    </td>
</tr>

<tr>
    <td class="newsdate">
        January 2013
    </td>
    <td class="news">
        News items 2
    </td>
</tr>

我想拥有它,以便当列出超过5个事件时,您可以使用滚动条查看旧事件.这是新闻部分的高度将被修复,但你可以在其中向上和向下滚动,以查看更新和更旧的新闻.你怎么能这么简单地做到这一点？

Answer 1

包装你table在div使用overflow-y: auto;这样的

HTML

<div class="scrollable">
    <!-- Your table -->
</div>

CSS

.scrollable {
    height: 100px; /* or any value */
    overflow-y: auto;
}