今天我們來談談如何讓CSS表格出現活動滾動。活動滾動是指當表格內容過長超出了表格邊界時，自動出現滾動條，用戶可以滑動滾動條查看全部內容。
要實現活動滾動，我們需要將表格包裹在一個DIV容器中，設置該容器的高度和overflow屬性為auto，這樣當表格內容超出容器高度時，就會自動出現縱向滾動條。具體的代碼實現如下：

<div class="table-container">
<table>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
<th>地址</th>
</tr>
<tr>
<td>小明</td>
<td>18</td>
<td>男</td>
<td>北京市海淀區</td>
</tr>
<tr>
<td>小紅</td>
<td>20</td>
<td>女</td>
<td>上海市浦東新區</td>
</tr>
<tr>
<td>小剛</td>
<td>22</td>
<td>男</td>
<td>廣州市天河區</td>
</tr>
<tr>
<td>小美</td>
<td>19</td>
<td>女</td>
<td>深圳市南山區</td>
</tr>
<tr>
<td>小王</td>
<td>25</td>
<td>男</td>
<td>成都市武侯區</td>
</tr>
<tr>
<td>小李</td>
<td>21</td>
<td>男</td>
<td>西安市雁塔區</td>
</tr>
</table>
</div>

接下來，我們需要設置CSS樣式來實現活動滾動。由于表格中的行和列數可能會不同，所以我們需要設置表格單元格的寬度為百分比，并使用table-layout:fixed屬性來固定表格的布局。同時，我們也要給表格加上一些樣式，例如設置行高、單元格內邊距、邊框等。

table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
td, th {
padding: 8px;
text-align: center;
border: 1px solid #ccc;
}
th {
background-color: #eee;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}

最后，我們需要設置包裹表格的DIV容器的樣式。我們需要設置它的高度和overflow屬性，讓它自動出現縱向滾動條。

.table-container {
height: 200px;
overflow: auto;
}

通過以上的步驟，我們就可以讓CSS表格出現活動滾動了。這樣，當表格內容超出容器高度時，用戶就可以自行滑動滾動條，查看全部內容。