子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 がスクロールするようにします。
デモ