如何将div扩展到整个页面？

Question

我正在尝试为我的React应用程序中的页面设置背景颜色。我想将背景色设置为扩展到整个页面的长度和宽度，但是我不能这样做，对于超出范围的表格或表格，我将高度/宽度或最小高度/最小宽度设置为100％，我得到的结果是内容较大，但内容较小时，我得到以下信息：

我要整个页面都变成蓝色。

这是我的css文件

.body
{
   margin:0px 0px 0px 0px;
   background-color:#4086ef;
   padding:10px;
   height:100%;
   width:100%;
}

如果将高度设置为100vh，则会得到不想要的结果，但是内容超出页面范围。

（内容呈现是动态的，所以我不知道什么时候内容会超出范围，什么时候不会超出范围）。

编辑： 当我压缩窗口时，表格不会挤压，溢出的部分也不会跟随背景颜色，但是即使滚动时高度也不会跟随背景颜色。

Answer 1

您只需要添加height:100vh。即可覆盖整个屏幕。