CSS flexbox、溢出：滚动和 z-index 的问题

Question

我正在尝试使用 HTML/CSS 实现一个 Windows 8 应用程序，该应用程序具有两个文章的 flexbox 布局（一个在 y 轴上的另一个顶部），设置为 overflow-x: scroll。但是，我希望通过使用文章的 z-index 属性，将文章的扩展视图包含在整个屏幕上，覆盖另一个 flexbox 容器。但是，它不起作用。我不认为这是 IE10/Win 8 独有的，我认为这是我的 CSS 某处的问题，因为它在带有 webkit flexbox 属性的 jsFiddle 中不起作用。

请参阅此jsFiddle 以获取示例。如您所见，expanded 文章仍然位于另一个 flexbox 容器下。

有什么帮助吗？我已经找了一段时间了，找不到问题的根源。

Answer 1

我认为目前的这种方法是一条死胡同。 据我了解，根据容器的大小，弹性框项目会扩展（或缩小），因此，如果容器较小，则应该不可能全屏。