如何让实现这样的功能?
我自定义了一个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>的底部的,所以这时按钮
和最后一条数据行之间的间隔就很小了。
有没有办法实现这样的功能:不管数据的多少,按钮和最后一条数据行之间的间隔都固定?