背景颜色没有覆盖 ReactJS/CSS 中的所有页面答案

【问题标题】：Background colour is not covering all of the page in ReactJS/CSS背景颜色没有覆盖 ReactJS/CSS 中的所有页面
【发布时间】：2020-08-23 18:48:31
【问题描述】：

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

-Backgroundindex.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 reactjs styles

【解决方案1】：

尝试在css中将高度设置为100vh

【讨论】：

【解决方案2】：

在您的容器 div（您在其中映射项目的位置）添加：

max-height: 100%;

【讨论】：

【解决方案3】：

只需添加你的背景样式高度：100%；

【讨论】：

【解决方案4】：

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

min-height: 100%;

【讨论】：