随着页面高度的变化，将边栏扩展到全高

Question

我有一个侧边栏，它正在为我的站点中的一些路由运行交换机。其中之一是一个表，当它添加行时，它会比侧边栏更长。

目前，它被设置为显示：弯曲和高度：100%

我可以让它填满页面，但如何让它随着页面的增长而继续拉伸？

.sidebar {
display:flex;
text-align:left;
height:100%;
}

Answer 1

如果您有一个div来容纳整个页面。并说它被设置为块显示。(这意味着高度也会随着需要而增长。(

您的侧边栏位于主div中，并设置为高度：100%；

然后它的高度应该随着你的主分区而增加。

整定高度：100vh；将包含到视口的高度。

如果你正在添加到侧边栏并希望它增长，那么尝试使用。

.sidebar{
display: block;
min-height: 100vh;
}

或者，如果你只是想让你的侧边栏随着主div.你可以尝试

.sidebar{
display:block;
height:100%;
}

Answer 2

使用此代码：

.sidebar
{
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}