參考文章:CSS: 頁面底部自适應:頁面高度不足時,在底部顯示;頁面高度超出時,随頁面滾動
想讓class=btn-box的view 底部自适應:

解決方案:在page的樣式裡用flex布局,同時最小高度設定為100%
page
{
display: flex;
flex-direction: column; /* 主軸為垂直方向,起點在上沿 */
justify-content: space-between; /* 兩端對齊,項目之間的間隔都相等。*/
min-height: 100%; /* 最小高度必須100%,這樣不滿一屏時,才能置于底部 */
}