如何解决获得正确的封闭式Flex容器高度
我正在尝试将div添加到React中的现有网页。视口是静态的没问题,但是我需要允许对视口和更小的设备进行更改。
我有一个包含flexbox的标头,flexbox中也包含各种组件。为确保新的div正确放置,我获取了封闭容器的高度:
const headerAssembly = document.getElementById('HeaderEnclosingContainer');
const headerHeight = (headerAssembly.clientHeight);
对于静态页面,新div的正确上边距为304px,但现有容器返回的高度为335px。这留下了我不想要的空白。如果我拉伸视口的宽度,则正确的边距为210px,但报告的高度为249px。似乎总是高估了现有容器的高度。
我正在使用Chrome浏览器。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。