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;
}
@mutluol Hocam min-height ile de denedim fakat olmadı. 500px'i örnek olarak verdim yani onunla bir işimiz yok. .container divi en fazla 90% ile ekranı kaplayacak yükseklikte. Ama normalde 40% vb. oranlarda oluyor, bazı durumlarda yükseliyor. İçinde bulunan .item divinin içeriği uzayınca .container divi en fazla %90 olmalı. Bu durumda .item divi .container divinden taşıyor. Bende taşmasın diye .item divine de max-height vermeye çalışıyorum ve overflow ile scroll etmek istiyorum. min-height: 100% çalışsaydı oda işimizi görecekti aslında. Ama .container divinin yüksekliği değişken olduğu için midir bilmiyorum, height: 100%'de denedim, min-height, max-height hiç bibi % ile çalışmıyor.