获得正确的封闭式Flex容器高度

问题描述

我正在尝试将div添加到React中的现有网页。视口是静态的没问题，但是我需要允许对视口和更小的设备进行更改。

我有一个包含flexbox的标头，flexbox中也包含各种组件。为确保新的div正确放置，我获取了封闭容器的高度：

const headerAssembly = document.getElementById('HeaderEnclosingContainer');
const headerHeight = (headerAssembly.clientHeight);

对于静态页面，新div的正确上边距为304px，但现有容器返回的高度为335px。这留下了我不想要的空白。如果我拉伸视口的宽度，则正确的边距为210px，但报告的高度为249px。似乎总是高估了现有容器的高度。

我正在使用Chrome浏览器。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）