max-height İçinde max-height Kullanımı

Merhaba PT'liler.

.container divimizin yüksekliği otomatik ama en yüksek hali ekranın %90'ı olmalı.

.container divimizin içinde bulunan .item divi'de otomatik yükseklikte fakat en fazla .container divimizin boyutu olmalı ve overflow-y: auto ile scroll edebilelim.

Aşağıdaki örnek kodda .item divimizin max-height değerini px olarak girdiğimizde sonuca ulaşıyoruz fakat % olarak girdiğimizde sonuç alamıyorum.

HTML Kodları

<div class="container">
    <div class="item">
        İÇERİK
    </div>
</div>

CSS Kodları

.container {
    max-height: 90%;
}

.item {
    max-height: 500px;
    overflow-y: auto;
}