Javascript reactjs中根元素的维度不随子元素更改

我在设计一个navbar时遇到了一个奇怪的问题，那就是当我在chrome developer tools中检查dom时，我发现子元素（navbar）有一个维度，但根元素的维度在一个轴上仍然有0值

根部检查图像

导航条检查图像

---

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

在使用

位置：'fixed'

时，元素从渲染上下文中删除。因此，它将相对于视口而不是父视口定位自身

因此，就父级而言，它认为它内部没有子级渲染。因此，高度为0

选中此项可以更好地了解

位置

属性