flex布局下flex: 1无效?

代码预览

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

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

要如何处理呢?

阅读 22.6k
3 个回答

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

demo

是因为你设置flex:1的部分没有写overflow:scroll

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题