2

私は最新のフレキシブル ボックス仕様 (現在、私の知る限り、最新の Chrome でのみサポートされています) を使用しており、フレックス アイテムが最大高さを超えないようにしようとしています。

例で最もよく説明されています: http://jsbin.com/efedof/2/edit

最初の例.content(および 2 つの.bar要素) は の高さを超えていない300pxため、正しいです。しかし、2 番目の例では、テキストがdiv.contentの外側の下部を押し下げています。.box

3 つの結合されたフレックス アイテムの最大合計高さを強制して、.content領域が の外側に伸びて の外側に.box押し出さ.barれるのではなく、スクロール可能になるようにするにはどうすればよい.boxですか?

ありがとう。

4

1 に答える 1

5

答えが見つかりました!. トリックはmin-height: 0;.contentdivに追加することです。

于 2012-11-14T21:17:33.217 に答える