CSS yüksekliği 100% Nasıl Ayarlanır?

yone1108

Decapat
Katılım
21 Nisan 2021
Mesajlar
709
Makaleler
1
Çözümler
2
Arkadaşlar siteyi ikiye ayırdım. Sidebar ve main kısmı olarak sidebar alanını sola yasladım. Yüksekliğinin 100% olmasını istiyorum ancak gördüğünüz gibi içeriği kadar yükseklik alıyor.
HTML, body etiketlerime 100% yükseklik verdim ama bir işe yaramadı.

 
Son düzenleyen: Moderatör:
Sidebar'ı div içine al.
CSS: 
        .sidebar {
            height: 100%;
            width: 160px;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: #111;
            overflow-x: hidden;
            padding-top: 16px;
        }

Bu kodları style etiketi içine yazdıktan sonra div'in sınıfını sidebar belirle.
 
CSS: 
height: 100vh;
width: 100vw;
Yüzde olarak değil böyle ver ana dive. Böylece ekranın tamamını kaplar
 
Merhabalar, sidebar kısmına şunları yazarak istediğiniz sonuca ulaşabilirsiniz

CSS: 
position:fixed;
height:100vh;

Lakin bunu yaptığınızda main content, sidebar'ı görmez bunun için main dive sidebar'ın genişliği kadar margin vermeniz gerek.

CSS: 
margin-left: "sidebar'ın genişliği";

Ayrıca şunu söyleyeyim yüksekliği tanımlanmamış bir şeyin yüksekliğini 100% yapamazsınız. Mesela 500px 500px bir kare düşünelim bunun yüksekliği ve genişliği tanımlanmıştır bu karenin içine eklediğiniz başka bir karenin yüksekliğini ve genişliğini yüzdelik bakımından ayarlayabilirsiniz. Diğer türlü sadece genişliği ayarlayabilirsiniz.
 
Son düzenleme:
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…