小程序中＜scroll-view＞的自适应高度纯css解决方案

我们都知道小程序的scroll-view组件必须给它一个高度才会有滚动效果，那如果要自适应高度的话，可能会想到用js来解决，通过各种运算得出自适应的高度，意味着你首先要通过js来获取窗口的高度，兄弟元素的高度甚至父元素的兄弟元素的高度等数据，嗯。。。非常麻烦

下面是我用纯css来解决这个问题的方法：
首先：父元素设置

.parent {
	display: flex;
	flex-direction: column;
}

滑动组件：

.child {
	height: 0;
	flex: 1;
}

因为滑动组件的flex-grow设置为1，设置height为0，这样既设置了高度，也实现了自适应，实际高度是父元素剩余空间的高度。