微信小程序 - 多层flex布局场景,子元素撑开父亲元素的解决办法

最近自己在写的一个项目，整个page页面是一个flex布局，上下2块，块一是一个固定高度的tabBar,块二是具体内容。块二又分为2块，选择条和结果table.结果table是一个scroll-view，高度设置的是100%。css样式设置了好久没又设置对，导致scroll-view的内容辉撑满结果table。最后百度找了许多资料才解决，记录一下。 解决方法是设置flex：1的父元素、父元素的父元素height：0，最里层的flex：1的子元素height：auto即可解决。