Html CSS flexbox、溢出：滚动和z索引问题

我正在尝试使用HTML/CSS实现一个windows 8应用程序，其中包含两个flexbox文章布局（一个在y轴上，另一个在y轴上），设置为

overflow-x:scroll

。但是，我希望通过使用文章的

z-index

属性，将文章的扩展视图覆盖整个屏幕，覆盖另一个flexbox容器。但是，它不起作用。我不认为这是IE10/Win 8独占的，我认为这是我的CSS的一个问题，因为它不能在带有webkit flexbox属性的JSFIDLE中工作

看看这个例子。如您所见，

扩展的

文章仍然位于另一个flexbox容器下

---

需要帮忙吗？我已经找了一段时间了，找不到问题的根源

我认为目前的做法是一条死胡同。

---

据我所知，flex box项目会根据容器的大小进行扩展（或收缩），因此，如果容器较小，则不可能全屏显示。

p.s.如果我不理解这个问题，您可以添加预期结果的图像吗。