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

Question

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

我想要整个页面都是蓝色的。

这是我的css文件

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

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

（内容渲染是动态的，所以我不知道内容什么时候会超出，什么时候不会）。

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

标签： htmlcssreactjs

Answer 1

你只需要添加height:100vh. 这样它就会覆盖你的整个屏幕。