Css 占据整个页面，而不仅仅是窗口高度

我听说使用

100vh

将使一个元素占据整个浏览器窗口。没错

100vh

不会使元素占用整个页面。滚动条可能会对此产生干扰

例如：

#容器{
显示器：flex；
}
#a{
高度：100vh；
背景颜色：浅蓝色；
弹性：1；
}
#b{
弹性：2；
单词包装：打断单词；
背景颜色：浅灰色；
}
身体{
保证金：0；
}

如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。如你所见，这段文字很长。

简单—只需将其设置为

100%

或不指定高度即可

#a{
身高：100%；
单词包装：打断单词；
背景颜色：浅蓝色；
}
身体{
保证金：0；
}

如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。如您所见，这个
div
非常大，将从页面上消失。向下滚动以查看背景色在页面的下方不再适用。A.