Цвет фона не покрывает всю страницу в ReactJS / CSS

#javascript #css #reactjs #styles

#javascript #css #reactjs #стили

Вопрос:

Я установил фон в теле 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>
  

введите описание изображения здесь

Комментарии:

1. Почему бы вам не применить цвет к самому телу?

Ответ №1:

попробуйте установить высоту в 100vh в css

Ответ №2:

в вашем контейнере div (где вы размещаете свои элементы внутри него) добавьте это:

 max-height: 100%;
  

Ответ №3:

Просто добавьте в ваш стиль фона высоту: 100%;

Ответ №4:

Причина этого, вероятно, в том, что цвет покрывает только экран, который отображается при загрузке страницы. Оставшаяся страница, которая не отображается, на которой вам пришлось свернуть, не отображается с тем же фоном… Итак, одна из идей состоит в том, чтобы покрыть цветом всю высоту.

 min-height: 100%;