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靈活框佈局和溢出：自動;

回答

相關問題