html - data-reactroot 元素高度问题

Question

我有一个页面，里面有一个 data-reactroot。它的高度约为 1906 像素，而封闭的 divs 和 html 标签约为 915 像素。

如何将封闭元素设置为与 data-reactroot 元素具有相同的高度？

我在 CSS 中尝试过，但它只是让所有元素的高度都变短了，而不是变高了。我认为这根本不是正确的解决方案:

html, body, #root, #root > div, #root > div > div, #root > div, #root > div > div > footer {
  height: 100%
}

Answer 1

这最终不再是数据 react 根问题，而是 dom 元素的高度高于其父元素的一般问题。

我的解决方法是将 height: auto 添加到较大元素上方的所有元素，这使它们都具有相同的大小。

例如:

html, body, div {
  height: auto;
}