我正在尝试将设计迁移到新的flexbox规范（display: -webkit-flex;而不是display: webkit-box;）。虽然overflow: auto;属性似乎被忽略，除非我在容器溢出时设置了明确的高度。
工作示例：
我做错了什么，或者这个新规范还没有完全完成？
答案 0 :(得分：2)
半年后：我遇到了类似的问题，并且不得不说它更可能是 bug 。
很遗憾，当前版本的 Chrome 25 和 Safari 6.0.2 都没有处理此案例。
虽然，如果您查看最新的 Chrome 27 canary 版本，您可以看到它似乎已修复。
我必须应用于您的示例的唯一一个代码更改是删除底部容器上的height: 100%;属性并添加某种为主要底部容器min-height: 0;设置的hack（由出于某种原因的方式也可以用height: 0;属性替换。