Question

我的CSS中有这个代码的问题，因为它只运行一个短维度：

div.active {
    height: 200px;
    overflow: auto;
}

使用此代码，我获得DIV上的滚动条。我会有一个适合页面的DIV，我尝试使用此代码：

div.active {
    height: 100%;
    overflow: auto;
}

但是使用此代码，滚动条消失了。如何获取适合页面的DIV滚动条？

Answer 1

这是正确的行为。如果您想要始终使用滚动条，请将其更改为overflow: scroll;

Answer 2

您尝试的问题是，要使用百分比高度，则元素需要属于具有固定高度的父级。有几种方法可以修复高度，但是当你需要它来填充屏幕时，我会推荐以下HTML：

<div class="fixed">
    <div class="active">
    </div>
</div>

使用这个额外的CSS：

div.fixed{
    position:absolute;
    top:2px;
    bottom:2px;
    left:2px;
    right:2px;
}

请注意，我使用2px使其更明显，它可以在下面的演示中使用，使用您需要的任何内容）

然后你可以使用原来的CSS：

div.active{
    height: 100%;
    overflow: auto;
    border:1px solid black;
}