CSS flexbox，overflow：scroll和z-index的问题

Question

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

有关示例，请参阅此jsFiddle。如您所见，expanded文章仍位于另一个Flexbox容器下。

请帮忙吗？我一直在寻找这个问题已经有一段时间了，找不到问题的根源。

Answer 1

我认为目前的方法是死路一条。 根据我的理解，在给定容器尺寸的情况下，柔性盒项目会扩展（或收缩），因此，如果容器较小，则不可能使用全屏幕。