реагировать css root div полная высота браузера

Question

Я не могу получить ответный корневой div для заполнения страницы браузера.

Я пытался добавить следующий CSS и почти каждую комбинацию

html, body {
    margin: 0;
    height: 100%;
}
.fill-height {
    min-height: 100%;
    height:auto !important; /* cross-browser */
    height: 100%; /* cross-browser */
}

#root > [data-reactroot] { height: 100vh }

Answer 1

Этого можно добиться, установив height в 100% или 100vh в #root вместо #root > [data-reactroot]. Это зависит от представленной структуры вашего приложения. Вам также может понадобиться установить height для нескольких элементов в зависимости от того, как вложенные объекты:

#root {
  height: 100vh;
}

Вот StackBlitz , показывающий функциональность в действии. Возможно, вам придется раскошелиться и обновить его, чтобы он больше соответствовал структуре вашего приложения, но единственной проблемой может быть то, что вы нацелены на дочернего элемента #root вместо просто #root.

Надеюсь, это поможет!