3

display: -webkit-flex;デザインを新しいフレックスボックス仕様 (ではなく)に移行しようとしていdisplay: webkit-box;ます。overflow: auto;オーバーフローしているコンテナに明示的な高さを設定しない限り、プロパティは無視されているようですが。

作業例:

古い仕様での実装

新仕様での実装

何か間違ったことをしていますか、それともこの新しい仕様はまだ完全には完成していませんか?

4

1 に答える 1

2

半年後:私は同様の問題に苦しんでおり、バグである可能性が高いと言わざるを得ません。

残念ながら、現在のバージョンのChrome 25Safari 6.0.2も、まだこのケースを処理していません。

ただし、最新のChrome 27 カナリアバージョンを確認すると、そこで修正されているように見えることがわかります。

あなたの例に適用しなければならなかった唯一のコード変更はheight: 100%;、下部コンテナーのプロパティを削除し、メインの下部コンテナーに設定されているある種のハックを追加することでしmin-height: 0;た (ちなみに、何らかの理由でheight: 0;プロパティに置き換えることもできます)。

CodePen フォーク

于 2013-02-22T18:27:30.083 に答える