数据重新排列元素高度问题

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

这最终减少了数据重新引发的问题，而且更多的是一个普遍的问题，即dom元素的高度高于父母。

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

例如：

html, body, div {
  height: auto;
}