reactjs中根元素的尺寸不随子元素而变化

【问题标题】：dimensions of Root element in reactjs not changing with children elementreactjs中根元素的尺寸不随子元素而变化
【发布时间】：2021-08-01 17:36:52
【问题描述】：

我在设计导航栏时遇到了一个奇怪的问题，当我在 chrome 开发人员工具中检查 dom 时，我发现 children(Navbar) 有一个维度，但根元素的维度在一个轴上仍然有 0 值。

根检查图像

NavBar 检查图片

我可能会犯什么错误或者这不是问题？

【问题讨论】：

【解决方案1】：

使用position: 'fixed' 时，该元素会脱离渲染上下文。所以它会相对于视口而不是父级来定位自己。

所以就父级而言，它认为里面没有子级渲染。因此高度为 0。

检查此tutorial 以更好地了解position 属性

【讨论】：