时间戳

首页 > 解决方案 > 导航栏未在 Chrome 开发工具中显示为正文的子元素

html - 导航栏未在 Chrome 开发工具中显示为正文的子元素

问题描述

所以我正在使用 create-react 应用程序创建这个网站。页面的代码结构如下 -

<html>
  <body>
     <div id="root">
        <nav className="navbar navbar-expand-sm fixed-top topBar"></nav>
        <div id="mainBody"></div>
     </div>
  </body>
</html>

当我通过 Chrome 开发工具检查此页面时，将鼠标悬停在 html 元素上时，整个页面都会突出显示，但是当我将鼠标悬停在 body 或“根”div 上时，它不会突出显示导航栏。我不明白为什么会发生这种情况，因为导航栏在结构上位于主体和“根”div 内部。我正在使用 create-react-app 并注意到我在网上找到的其他一些反应应用程序似乎也有这个问题。

我不确定为什么会这样。任何人都可以帮忙吗？

标签： htmlcss

解决方案

推荐阅读