【发布时间】：2012-04-17 04:07:29
【问题描述】：
我正在尝试创建一个灵活的框布局，以填充整个视口，并且如果内容太长，则内部部分会滚动。然而，内部内容正在扩展整个布局，而不是在较小的区域内滚动。
我在此处设置了一个演示，其中包含更多详细信息：http://jsbin.com/ezazig（仅限 Firefox）
height: 100%; 不是问题，即使我给 .layout 一个 500 像素的固定高度，它仍然会被忽略。
知道问题出在哪里吗？
【问题讨论】：
【发布时间】：2012-04-17 04:07:29
【问题描述】：
您没有使用 CSS3 灵活的框布局。您正在使用 XUL 布局，它的行为方式完全不同。这才是真正的主要问题......
【讨论】：
-
我是？根据本指南hacks.mozilla.org/2010/04/the-css-3-flexible-box-model（这是我遵循的），我正在使用“CSS 3 灵活盒模型”。除非那篇文章错了？
-
这篇文章在 2010 年是正确的。但是您错误地假设
-moz-box是 2010 年 CSS3 草案的前缀实现。实际上，-moz-box比该草案早了十年左右。 2010 年的草案大致基于它，但正如我所说的完全不同。自 2010 年以来，通过将 CSS Flexbox 模型将使用的显示类型从box更改为flexbox，这一点得到了澄清；它用来控制行为的一般属性集也有所不同。只需将dev.w3.org/csswg/css3-flexbox 与您提到的文章进行比较即可。 -
哦，请注意，您阅读的文章确实链接到规范的当前 TR 版本，实际上是一次更新，并且与文章完全不同。
-
啊，好的。我知道所描述的实现已被取代，但不知道 FF 实现实际上是一个完全不同的布局系统。感谢您的澄清。据我所知，FF 还没有实施新的 flexbox 提案，所以看起来我现在正在放弃它。感谢您的帮助。
-
是的，新的布局系统来了，但还没有；见bugzilla.mozilla.org/show_bug.cgi?id=666041