我的页面上有 2 个滚动条，不知道为什么

Question

我创建网站已经有很长时间了。我用它做的最后一件事是让它在我的第二台带有 mediaquerries 的小型笔记本电脑上响应。但是，我注意到当我在主计算机上打开该站点时出现了另一个滚动条。 2 个右侧滚动条不相关。

整个网站都在一个文件夹中，所以我不能真正共享 HTML/CSS 代码。首先，我想知道是否有人已经遇到过此类问题，并且可以建议我从哪里开始解决它。我猜是在 CSS 中我可能创建了许多 body/html 规则 ?

谢谢！

Answer 1

我刚才遇到过类似的问题。
为了获得更好的答案，我应该阅读代码，但我可以告诉您应该从哪里开始寻找问题。这可能是因为您页面中的 div 具有诸如“overflow-y: auto”之类的规则，并且它的父级本身大于当前页面高度。

.container1 {
  background-color: red;
  height: 10000px;
  width: 100%;
}
.container2 {
  background-color: blue;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
}

.container3 {
  background-color: green;
  height: 10000px;
  width: 50px;
}

<div class="container1">
  <div class="container2">
    <div class="container3">
    
    </div>
  </div>
</div>

我制作了一个快速片段，您可以执行它以更好地了解正在发生的事情。

希望这能帮助您找到问题。

Answer 2

终于解决了。我不得不手动将

我的页面上有 2 个滚动条，不知道为什么

I have 2 scrolls bar on my page , can't figure out why

html

css

scrollbar