3

我正在尝试将设计迁移到新的 flexbox 规范（display: -webkit-flex;而不是display: webkit-box;）。尽管overflow: auto;除非我在溢出的容器上设置明确的高度，否则该属性似乎被忽略了。

工作示例：

旧规范的实现

使用新规范实施

我做错了什么，还是这个新规范还没有完全完成？

4

1 回答 1

2

半年后：我在类似的问题上苦苦挣扎，不得不说这更有可能是一个错误。

不幸的是，当前版本的Chrome 25和Safari 6.0.2都没有处理这种情况。

不过，如果您查看最新的Chrome 27 金丝雀版本，您会发现它似乎已修复。

我必须对您的示例应用的唯一一个代码更改是删除height: 100%;底部容器上的属性并添加为主底部容器设置的某种hack min-height: 0;（顺便说一句，由于某种原因也可以用height: 0;属性替换）。

CodePen 分叉

于 2013-02-22T18:27:30.083 回答