天天看點

【微信小程式】不滿一屏,置于底部;超過一屏,放在内容底部

參考文章:CSS: 頁面底部自适應:頁面高度不足時,在底部顯示;頁面高度超出時,随頁面滾動

想讓class=btn-box的view 底部自适應:

【微信小程式】不滿一屏,置于底部;超過一屏,放在内容底部

解決方案:在page的樣式裡用flex布局,同時最小高度設定為100%

page
{
	display: flex;
	flex-direction: column;  /* 主軸為垂直方向,起點在上沿  */
	justify-content: space-between;  /* 兩端對齊,項目之間的間隔都相等。*/
	min-height: 100%;  /* 最小高度必須100%,這樣不滿一屏時,才能置于底部 */
}
           
【微信小程式】不滿一屏,置于底部;超過一屏,放在内容底部