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

Question

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

根检查的图像

NavBar 检查的图像

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

标签： javascripthtmlcssreactjsdom

Answer 1

使用position: 'fixed'时，元素会从渲染上下文中取出。因此它将相对于视口而不是父级定位自己。

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

查看本教程以更好地了解该position属性