我正在处理带有菜单栏的页面。菜单栏的高度为40px并且我也将body标签的顶部设置为40px。但是，body标签的滚动条仍位于top = 0px
如何解决此问题？
提前感谢。
要执行此方法，您可以使用flex显示。您应该将主要内容包装在另一部分中，并在其内部滚动包装器。
这里是一个例子：
<body>
<nav class="nav">
<!-- *********** your nav items ******************* -->
</nav>
<main class="content">
<!-- your content should be placed here ****************-->
</main>
</body>
和CSS代码：
body {
display: flex;
height: 100vh;
width: 100vw;
flex-direction: column;
overflow: hidden;
}
.nav {
height: 40px;
background: red;
}
.content {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
background: blue;
}