Question

我遇到了一个奇怪的问题：我们在两个不同的环境中为我们的布局提供完全相同的CSS，但是我们正在努力将我们的javascript重写为反应组件 - 当我们通过react添加组件时，出于某种原因，含有反应成分的容器的高度高于其父容器。

以下是对正在发生的事情的直观展示：

Here, the component is added via react - as you can see its height is 1618px, while the parent's height remains at 1552px

在第一张图片中，使用React添加组件（.el-airport），正如您所看到的，它的高度大于其容器的高度（#maincontent）：1618px vs { {1}}。

Here the component is rendered via the server, and the height is set correctly.

在第二个图像中，组件在服务器上呈现并具有正确的高度集（1552px）。环境中高度差异的原因是它们在不同的数据集上运行。

以下是相关代码：

1645px

#maincontent { position: relative; display: block; } .el-airport { position: relative; display: block; }包含在更多父母中，这些父母是flexbox。

#maincontent