Javascript 在ReactJS/CSS中，背景颜色不能覆盖整个页面_Javascript_Css_Reactjs_Styles

Javascript 在ReactJS/CSS中，背景颜色不能覆盖整个页面

javascript css reactjs

Javascript 在ReactJS/CSS中，背景颜色不能覆盖整个页面,javascript,css,reactjs,styles,Javascript,Css,Reactjs,Styles,我已经在html正文中设置了如下背景（ReactJS），它覆盖了主屏幕的大小，但是如果.map函数有大量的项目，即我必须向下滚动，那么它就不会在屏幕的该部分显示（底部），我想不出它这样做的原因。有什么想法吗 -Backgroundindex.html文件中设置的颜色 <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div style=&

我已经在html正文中设置了如下背景（ReactJS），它覆盖了主屏幕的大小，但是如果.map函数有大量的项目，即我必须向下滚动，那么它就不会在屏幕的该部分显示（底部），我想不出它这样做的原因。有什么想法吗

Background

index.html文件中设置的颜色

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div style="background-color: rgb(198, 201, 204);" class="rootdiv" id="root"></div>
</body>


您需要启用JavaScript才能运行此应用程序。

尝试在css中设置100vh高度

在容器div中（在其中映射项目）添加以下内容：

max-height: 100%;

在容器div（在其中映射项目）中添加以下内容：

max-height: 100%;

只需加上你的背景风格高度：100%

只需加入你的背景风格高度：100%

这可能是因为颜色仅覆盖页面加载时显示的屏幕。未显示的剩余页面（其中您必须向下滚动）不会以相同的背景呈现。。。因此，一个想法是覆盖所有高度的颜色

min-height: 100%;

这可能是因为颜色只覆盖了页面加载时显示的屏幕。未显示的剩余页面（其中您必须向下滚动）不会以相同的背景呈现。。。因此，一个想法是覆盖所有高度的颜色

min-height: 100%;

你为什么不把颜色涂在身体上？你为什么不把颜色涂在身体上？