溢出：auto;在flexbox（新規格）

Question

我想將設計遷移到新的flexbox規格（display: -webkit-flex;而不是display: webkit-box;）。儘管overflow: auto;屬性似乎被忽略，除非我在容器溢出時設置了明確的高度。

工作的例子：

Implementation with old spec

Implementation with new spec

我做得不對，或者是這個新的規範沒有完全做完了嗎？

Answer 1

半年後：我在類似的問題上掙扎，不得不說它更可能是錯誤。

不幸的是，目前版本的Chrome 25和Safari 6.0.2都沒有處理這種情況。

雖然，如果你看看最新的鉻27金絲雀版本，你可以看到它似乎在那裏修復。

的只有一個代碼變化，我必須適用於您的例子是，以消除底部容器height: 100%;財產和添加某種黑客的這是主要底部容器min-height: 0;集（其中由出於某種原因可能是也順便替換爲height: 0;屬性）。

CodePen fork