data-reactroot 元素高度问题

Question

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

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

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

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

Answer 1

这最终不再是一个 data-reactroot 问题，而是一个普遍的问题，即 dom 元素的高度高于其父元素。

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

例如：

html, body, div {
  height: auto;
}