[問題] 內容超出一定長度則顯示捲軸

[qazsd (知足常樂)]

頁面架構大致上是
<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時，可以出現捲軸

有什麼好方法嗎？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 180.177.15.241
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1449592819.A.4C9.html
→ Kenqr: max-height?
→ qazsd: Yes, 就是"max-height",感謝K大!!