页面架构大致上是
<div class="box">
<table></table>
<button></button>
</div>
目前预计使用者从数据库捞回资料要以表格形式呈现
因为资料列长度不一，当资料列快超出浏览器页面时，可以显示卷轴，
让使用者不必卷动浏览器整个页面
目前做法如下：
.box {
height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
但是当资料列仅有一列时，该按钮还是会在距离div.box 500px的地方呈现
想要让该按钮紧接在div.box后面，若div.box超出500px时，可以出现卷轴
有什么好方法吗？