flex上下佈局

一般像流式佈局 比如在app的我的頁面 會有很多條列表一樣的選項 個數不固定 最下面有個按鈕 固定距離底部多少距離之類的
如圖所示：不同畫素的手機上顯示的樣式具體自適應

1. html

<div class='container'>
	<div class='my-wrapper'>//列表塊
		<ul></ul>
	</div>
	<div class='my-wrapper'>//按鈕塊
		<div class="button-fixed-wrapper-loginout">
    			<button class="com-button btn-confirm" >退出</button>
  		</div >
	</div>
</div>
 

2. css

.container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}