HTML/CSS轻微的横向滚动，如何找到源代码？

我已经用HTML/CSS构建了一个网站，但是在构建过程中的某个时刻，我得到了一个轻微的侧滑滚动，换言之，网站不是完全适合屏幕，而是每一面都有白色的细条，可以通过在屏幕上向左或向右滚动来访问。我想知道如何才能找到这个问题的根源

---

在safari和chrome上都会发生这种情况，这可能是因为100%宽度的元素/div上有左/右边距。如果您将某个元素放置在某个位置使其离开屏幕，也可能发生这种情况

通常，如果屏幕上没有缺少需要显示在屏幕上的内容，您可以使用：

body {
    overflow-x: hidden;
}

---

这将隐藏任何超出x访问权限的内容。

chrome中的Inspect元素允许您通过在html中选择元素来查看元素的位置和大小框。导致问题的元素应该大于包含的元素，这可以帮助您找到它

---

F12进入开发模式或右键单击您的元素。

只需告诉我们您的网站在哪里。了解您使用的浏览器也会有所帮助。请尝试Firefox中的Inspector。它将精确地显示哪个元素占用了多少空间。