2017-08-27 44 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