1

子divの高さが親からオーバーフローするのを防ぐには?

私の div は、私の Web サイト全体で可変コンテンツで再利用されます。親の高さの値を設定するとこの問題が解決することはわかっていますが、非常に小さい場合があるため、これを実行したくありません。

ここでこの問題に関連する多くの質問を見てきましたが、私の問題に合った解決策が見つかりません。

.Parent{
    background: #eee;
    position: relative;
    max-height: 80%;
    max-width: 80%;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding: 5px;
    display: inline-block;
}
.Child{
    overflow: auto;
}

望ましい結果

親 div は、そのコンテンツと同じ高さになります。

親 div が最大高さの 80% を超えた場合に子 div がスクロールするようにします。

デモ

http://jsfiddle.net/QtyNU/

4

2 に答える 2

0

あなたのフィドルで私が見たところ、問題はmax-height: 80%ルールです。親divはそれまで正しく展開されます。その後スクロールしたい場合は、追加するだけです

overflow: scroll;

親CSSに。このフィドルを参照してください。

于 2013-04-04T09:31:25.157 に答える