Next.js 中不需要的水平滚动条

Question

我正在 Next.js 中编码，发现项目中的每个子页面上都会出现不需要的水平滚动条，允许滚动大约 30px 或其他内容。有趣的是，只有当内容长于视口时，才会出现此滚动条。我尝试在

overflow: hidden

组件中将

div

设置为

Layout

，但问题似乎出在层次结构中更高的位置。我还尝试在 css 中将

overflow

属性设置为

html, body

，但它会阻止标题的粘性定位。

有人知道我该怎么办吗？

Answer 1

我将其添加到我的 global.css 中并且它起作用了

body {
  overflow-x: hidden;
}