我有一部分正在建设的网页,专门用于新闻事件.这些只是简单地输入如下.
<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个事件列出,说,那么你可以使用滚动条来查看旧事件.这是新闻部分的高度将被修复,但您可以在其中上下滚动查看更新和更新的消息.你怎么能这么简单呢?
解决方法
使用overflow-y将你的表包装在div中:auto;喜欢这个
HTML
<div class="scrollable"> <!-- Your table --> </div>
CSS
.scrollable { height: 100px; /* or any value */ overflow-y: auto; }