CSS flexbox溢出問題：scroll和z-index

Question

我試圖使用HTML/CSS和兩個flexbox佈局的文章（其中一個位於y軸上）來實現一個Windows 8應用程序，設置爲overflow-x: scroll。但是，我希望通過使用文章的z-index屬性，將文章的展開視圖包含在整個屏幕中，覆蓋另一個Flexbox容器。但是，它不起作用。我不認爲這是IE10/Win 8獨佔，我認爲它與我的CSS的某個地方有問題，因爲它不適用於帶有webkit flexbox屬性的jsFiddle。

查看此jsFiddle爲例。如您所見，expanded文章仍位於其他Flexbox容器下。

請幫忙嗎？我一直在尋找這一點，並且找不到問題的根源。

Answer 1

我認爲目前這種方法是死路一條。 據我所知，一個彈性盒子項目擴大（或縮小）給定容器的大小，因此，如果容器較小，全屏應該是不可能的。