如何让实现这样的功能？

我自定义了一个CSS的class,
.sstab
{
scrollbar-base-color: #dfeaf4;
background: #ffffff;
POSITION: relative;
top:-3px;
left:15px;
border-right: #dfeaf4 2px solid;
border-top: #dfeaf4 2px solid;
padding-bottom: 10px;
overflow: auto;
border-left: #dfeaf4 2px solid;
width: 98%;
border-bottom: #dfeaf4 2px solid;
height: 300px;
}
<span class="sstab">
<table>
<tr><td>test</td></tr>
</table>
</span>
这样如果<span></span>中的内容过多，就会自动出现滚动条。
但是另一个问题随之而来：
如果在<span>下面加一个按钮：
<table>
<tr>
<td>
<input type="button" value="test">
</td>
</tr>
</table>
如果<span></span>中的内容比较少，滚动条是不会显示的，并且数据的下方有大片空白。这样
按钮和最后一条数据行之间的间隔就很大，看起来就像按钮掉在下面一样。
而如果<span></span>中的内容很多的话，因为按钮是紧靠着<span>的底部的，所以这时按钮
和最后一条数据行之间的间隔就很小了。

有没有办法实现这样的功能：不管数据的多少，按钮和最后一条数据行之间的间隔都固定？