display: -webkit-flex;
デザインを新しいフレックスボックス仕様 (ではなく)に移行しようとしていdisplay: webkit-box;
ます。overflow: auto;
オーバーフローしているコンテナに明示的な高さを設定しない限り、プロパティは無視されているようですが。
作業例:
何か間違ったことをしていますか、それともこの新しい仕様はまだ完全には完成していませんか?
半年後:私は同様の問題に苦しんでおり、バグである可能性が高いと言わざるを得ません。
残念ながら、現在のバージョンのChrome 25もSafari 6.0.2も、まだこのケースを処理していません。
ただし、最新のChrome 27 カナリアバージョンを確認すると、そこで修正されているように見えることがわかります。
あなたの例に適用しなければならなかった唯一のコード変更はheight: 100%;
、下部コンテナーのプロパティを削除し、メインの下部コンテナーに設定されているある種のハックを追加することでしmin-height: 0;
た (ちなみに、何らかの理由でheight: 0;
プロパティに置き換えることもできます)。