弹性布局flex-direction

通常来讲，要布局一个底部按钮固定，中间内容可以滑动，都会用中间内容padding-bottom固定内容的高度来使内容可以滑动到看见全部。
如果在固定的内容里，有一个数据为动态，并且可以很多，会导致固定的内容高度不是一个固定值。用获取元素的api（例如uniapp的createSelectorQuery），虽然可以获取高度，但是不太建议。
后面找到用弹性布局来解决的办法。

<div class="page">
	<div class="content">
		中间内容
	</div>
	<div class="footer">
		底部固定内容
	</div>
</div>
<style>
	.page{
		height: 100vh;
		display:flex;
		flex-direction: column;
	}
	.content{
		flex:1;
		overflow: auto;
	}
</style>

以上代码即可实现同样效果