頁面架構大致上是
<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時，可以出現捲軸
有什麼好方法嗎？