CSS3灵活框布局和溢出：自动;

我想创建一个灵活的框布局，填充整个视口，并有内部部分滚动，如果内容太长。然而，内容是延伸整个布局，而不是坐在较小的区域和滚动。CSS3灵活框布局和溢出：自动;

我有一个演示设在这里有更多详细信息：http://jsbin.com/ezazig（仅限Firefox浏览器）

的height: 100%;是没有问题的，即使我给.layout的500px的固定高度，它仍然被忽略。

任何想法是什么问题？

来源

2012-04-03 Jack Sleight

您没有使用CSS3灵活框布局。你正在使用XUL布局，这在它的行为方面有很大的不同。这真的是主要问题....

来源

2012-04-03 20:47:32

我是？根据本指南http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/（这是我所遵循的），我使用的是“The CSS 3 Flexible Box Model” 。除非那篇文章错了？ – 2012-04-04 10:04:30

该文章截至2010年是正确的。但是，您正在作出错误的假设：“-moz-box”是2010年时代CSS3草案的前缀实现。实际上，'-moz-box'在这个草案之前已经有十年左右的时间了。 2010年时代的草案基于松散的基础上，但正如我所说的完全不同。自2010年起，通过更改CSS Flexbox模型将使用的显示类型从“box”更改为“flexbox”，这一点已得到澄清;它用于控制行为的一般属性也有所不同。只需比较http://dev.w3.org/csswg/css3-flexbox/到您提到的文章。 – 2012-04-04 14:03:21

哦，并且请注意，您阅读的文章链接到规范的当前TR版本，实际上它是最新的，也完全不同意这篇文章。 – 2012-04-04 14:04:18

CSS3灵活框布局和溢出：自动;

回答

相关问题