Css 为什么在html和正文中都设置“overflow”？

我刚刚注意到，许多css插件在将页面溢出设置为hidden（例如）时，会将其设置为html和body，如下所示：

html, body {
    overflow: hidden;
}

例如，他喜欢这个

将其设置为正文和html之间的确切区别是什么？

---

这是一个跨浏览器技巧吗？

这是一个CSS技巧，用于防止不需要的滚动条，尤其是水平条。它所阻止的是任何比显示的html或正文更宽的内容，因此阻止了滚动条。以下是一篇深入的csstricks文章：

然而，您会注意到，在最后，他提到不建议将溢出隐藏在正文（和html）上

---

在fullpage.js的例子中，这很好，因为他们特别试图隐藏滚动条，以便他们的动画可以引入屏幕外的内容。

据我所知，

主体

并不总是必须是

html

标记的确切高度。不要使用它。根据这个规则，您可以在主体上隐藏滚动条。