弹性布局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>

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