Wie wird die Höhe der Seitenleiste von der Höhe des Inhalts abhängig gemacht?

Question

Ich habe eine Aufgabe, eine Sidebar zu bauen, deren Höhe gleich dem Inhalt ist. Je mehr Inhalt ist, desto größer ist die Seitenleiste.

In Wirklichkeit ist meine Sidebar gleich der Fenstergröße, nicht zufrieden. Wenn ich die Seite nach unten scrolle, gibt es keine Seitenleiste.

Das bin ich Code:

HTML:

<div class = "container" style = "height :100%"> 
    <div class = "row" style = "height:100%"> 
    <div class = "col-md-3 hidden-xs hidden-sm" style = "height:100%"> 
     <div class = "sidebar"> 
     ......... 
    </div> 
    </div> 
</div> 
</div> 

CSS:

html .sidebar, 
body .sidebar { 
    height: 100%; 
    width: 100%; 
    background: black; 
} 

Warum? Was tun, damit es funktioniert?

Answer 1

Wenn ich verstehe, was Sie richtig meinen, dann soll die Seitenleiste repariert werden?

Um dies zu tun Sie etwas ein bisschen wie dies in der CSS tun können ..

.sidebar { 
 
    width: 250px; 
 
    height: 100vh; 
 
    position: fixed; 
 
    top: 0; 
 
    left: 0; 
 
    background: black; 
 
}

<div class="sidebar"> 
 

 
</div>