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;
}
keşke baştan bu kadar ayrıntılı yazaydın max ve mini boyutunu en yüksek veya düşük olmasını istediğin boyut olarak kullanmalısın ana boyutu tanımlamak için değil
.container {
position:relative;
height: 90%;
width: 90%;
background-color: darkblue;
}
.item {
position:absolute;
height: 100%;
width: 100%;
max-width: 50%;
overflow-y: auto;
background-color: red;
}