Dışdaki dive göre yükseklik
Selamlar Herkese,
Aslında sorum çok basit, ekranı tam olarak kaplayan bir section elementim var.Bu elementin içerisinde row ve row içerisinde 3 adet col-md-4 var.
En sağda bulunan col-md-4 'mün içerisinde ki div' in section' nın yüksekliği kadar olmasını istiyorum.Eğer fazla ise daha fazla büyümeyip scroll açılmasını istiyorum.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
Eğer col-md-4 içindeki divin yüksekliğini section elementinin yüksekliğine eşitlemek istiyorsanız, section elementinin yüksekliğini col-md-4 içindeki divin yüksekliğine eşitleyebilirsiniz.
Bunun için HTML'deki section ve col-md-4 elementlerine aşağıdaki gibi bir style özelliği ekleyebilirsiniz:
<section style="height: 100%;">
<div class="row">
<div class="col-md-4" style="height: 100%;">
Div içeriği
</div>
</div>
</section>
Bu şekilde, col-md-4 içindeki divin yüksekliği artık section elementinin yüksekliğine eşit olacaktır.
Eğer bu divin içeriği fazla ise ve daha fazla büyümeyip scroll açılmasını istiyorsanız,
div elementine aşağıdaki gibi bir style özelliği ekleyebilirsiniz:
<div style="overflow-y: auto;">
Div içeriği
</div>
Bu sayede, divin içeriği fazla ise divin içinde scroll bar görünecektir ve kullanıcı divin içeriğini kaydırarak görebilecektir.
