【发布时间】：2014-03-13 08:59:24
【问题描述】：
我已经在 Chrome 32 中随便使用了几个月的 flexbox，我很喜欢我所看到的。但是现在我在我的 flexbox 布局中引入 overflow: scroll 碰壁了。 overflow: scroll 需要明确的 height 或 min-height 才能知道何时开始滚动。
当我制作一个简单的两窗格 flexbox 布局时，我可以将每个窗格的高度设为其父窗格的 100%，而这又是窗口高度的 100%。因此，我可以让其中一个窗格在内容过多时滚动，而另一个窗格根本不滚动。这是一个例子：
但是，一旦我在这两个窗格上方添加了一个标题，这两个页面就会被添加的标题的高度向下推。如下所示，不太理想：
我想我已经掌握了 flexbox 和窗口高度在简单情况下如何协同工作的窍门。但是，flexbox 可以处理这个吗？我应该查看模板布局吗？
注意：我使用height: 10vh 作为标题和90vh 作为窗格高度已经取得了一些成功。但这感觉很老套。
【问题讨论】：
-
周围有很多元素，我试图跟随它们迷失了方向。但是，我会说 flexbox 系统的主要思想是避免设置显式高度、最小高度等。 model 是 flex-basis、flex-shrink 和 flex-grow。如果您尝试在 flex-box 模型中使用传统模型，恕我直言，您的方法不正确。
-
你是说你可以在没有 min-height: 0 的情况下在 flexbox 内实现滚动？
标签： css responsive-design flexbox