移动端flex布局高度自适应问题解决
今天重写了一个移动端的页面，改完后才发现页面中间需要自适应高度，传统的获取高度设置方法并不能实现页面想要的效果，便对原有页面样式进行了一下研究，发现原有页面是用flex布局实现自适应，于是照搬写法，却始终无法向原有页面一样自适应高度，但写法都是一样的，最后仔细将页面的结构性元素的样式尝试修改了一边，才发现原因：flex做自适应时，html和body需要先设置为100%，否则下面的子元素无法获取到高度。具体看代码：
Document
实现效果如下：(将绿色部分内容删除后，中间蓝色部分会自动填充到上面去)