flex布局下flex: 1无效？

Question

代码预览点击预览

如上，设置wrapper的高度为100vh，flex布局为column排布。content的高度为flex:1，填充bottom的剩余高度。原本应该是这样的结果

但是实际上表现，inner高度超过了wrapper的剩余高度,会使得content撑开变成inner的高度，而不是填充wrapper减去bottom的剩余高度

要如何处理呢？

Answer 1

你先检查是否清除html,body的margin，如果未清除，则清楚一下，看一下效果。