2017-08-27 5 views
0

Ich habe ein Dashboard übrig, und muss das Dashboard in der gleichen Größe der Seite sein, jedes Mal, wenn es größer werden soll ich möchte die Rolle anwenden, im Moment mache ich etwas wie dies:scrollbar div Größe der Seitenhöhe

style="overflow-y: scroll; height:450px;" 

dies auf all meinem Abschnitt angelegt wird, hier die Sache ist, dass ich die Höhe einen Wert eingestellt ist, habe ich versucht, mit Höhen auto und 100%, aber ohne Erfolg, jede Hilfe mit dieser?

meine Seite wird immer größer, weil dieses Armaturenbrett, wenn ich die Seitengröße mantain kippe und geben ihm eine Schriftrolle wäre es viel

Dank

Antwort

0

Sie versuchen, kann helfen, die min-height einzustellen: 100 %

+0

funktioniert nicht:/ –

+0

haben Sie haben die Höhe versucht: 100 vh ?? –

0

Ist so etwas angebracht.

body{ 
 
padding:0; 
 
margin:0; 
 
} 
 

 
.a{ 
 
display:block; 
 
position:absolute; 
 
top:0; 
 
left:0; 
 
width: 20%; 
 
height:100vw; 
 
overflow:auto; 
 
background-color:purple; 
 
padding:0; 
 
margin:0} 
 

 
.b{display:block; 
 
width:80%; 
 
background-color:pink; 
 
padding:0; 
 
margin-left:20%; 
 

 
min-height:100vw}
<div class="a"> 
 

 
</div> 
 
<div class="b"> 
 
    content 
 
</div>

0

Verwenden Höhe: 100vh; // Ansichtsfenster Höhe Kompatibilität prüfen hier http://www.caniuse.com/#search=vh

Und wenn Sie alte Browser unterstützen möchten berechnen „$ (Fenster) .height()“ und weisen es dieses div