2017-08-27 74 views
0

我有一個儀表板左側,並且需要該儀表板處於與頁面相同的大小,每次需要變大時我想應用滾動,此時我正在執行類似這樣的:頁面高度的滾動條div大小

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

這適用於所有我的部分,這裏的事情是,我設定的高度值,我試着與高度自動和100%,但沒有成功,任何與此幫助?

我的頁面是因爲儀表盤越來越大,如果我不能十個分量的頁面大小,並給它的滾動,將有很大的幫助

感謝

回答

0

你可以嘗試設置最小高度:100 %

+0

不起作用:/ –

+0

有你試過的高度:100 vh ?? –

0

是這樣的適當的東西。

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

使用高度:100vh; //視口高度 入住這裏兼容性 http://www.caniuse.com/#search=vh

如果你想支持舊的瀏覽器計算「$(窗口).height()」,並將其分配給該div