Question

我还有一个仪表板，并且需要该仪表板与页面的大小相同，每次需要变大时我都想应用滚动，此时我正在做这样的事情：

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

这适用于我的所有部分，这里的事情是我将高度设置为值，我尝试使用高度自动和100％，但没有成功，对此有任何帮助吗？

我的页面因为该仪表板而变大，如果我不能保持页面大小并给它一个滚动它会有很大帮助

由于

Answer 1

您可以尝试设置最小高度：100％

Answer 2

这样的事情是合适的。

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>

Answer 3

使用高度：100vh; //视口高度检查兼容性 http://www.caniuse.com/#search=vh

如果你想支持旧的浏览器计算“$（window）.height（）”并将其分配给这个div

滚动条div页面高度的大小

3 个答案: