原因早上群里有人问如何在数据不多的情况下让“商城分类页”填满屏幕高度。第一个答案(calc)相信大家的第一反应是calc(100vh-headheight)，我也是，然后我写了一个demo：第二个答案(flex-flow:column)但是人家说heightofthehead由padding支撑，没有具体的高度。嗯，看来只能用flex-flow:column了。简单的说，flex-flow:column，默认的flex是x轴布局，声明为column后会变成y轴布局，这样剩下的特性就可以借助flex自动填充到fillheight:我的背景是红色的main{显示：flex；弹性流：列；高度：100vh；header{填充：15px;背景：#fff；}>文章{flex:1;显示：弹性；除了{填充：15px;背景：#00f；}文章{flex:1;背景：红色；}}}点击预览最后没有复杂的代码，只是感觉比较普通，可能对新手有帮助，分享一下，吸取灵感，因为我刚测试了微信浏览器，其他第三方浏览器还没有已经试过了（比如uc），如果路过如果有更兼容更好的代码，不吝赐教。因为我只是写了一个demo，所以没有加入旧的flex语法。现在都是脚手架开发。编译的时候会自动添加，也可以自己配置。插件，感谢您的阅读，希望对您有所帮助。感谢您在微信群阅读。有问题可以加群吗？群里有很多有趣的前端小伙伴，让我们一起学习成长！也可以加我微信，我拉你进微信群（由于腾讯对微信群有100人限制，超过100人必须拉我进去）
