Question

我正在阅读模板的源代码，我得到了代码

<html class="js" style="overflow: hidden">

我的问题是为什么会有人在html标签上应用overflow:hidden。它会带来什么好处。

Answer 1

当你拥有动态的，响应迅速的内容时，你会使用overflow:hidden，或者至少，这是我用它的原因。例如，如果您在缩小页面时有一个内容高度增长的页面，您可能只想隐藏在div的常规高度中不可见的内容

Answer 2

最有可能删除所有滚动条。

当您设置overflow: hidden时，显然隐藏了元素之外的任何内容。将它附加到html元素时，这样做会隐藏屏幕上没有的所有内容。然后浏览器会看到，因为屏幕上没有的所有内容都被隐藏，无处可滚动，因此它会隐藏滚动条。

想要干净，完整的浏览器外观的模板会删除滚动条，如果他们觉得用户不需要滚动到任何内容。

Answer 3

这会禁止页面滚动。因此，例如，当您可以在页面上打开叠加层时，您希望能够滚动叠加层内容，但不能同时滚动页面背后的页面。

在这种情况下，您可以在html元素上添加一个类，当您单击按钮打开模式时设置'overflow：hidden'，然后在单击模态上的关闭按钮时删除该类。

模态必须有一个固定的位置才能发挥作用。

Answer 4

隐藏溢出可用于清除浮动http://jsfiddle.net/PRwVT/1/添加

.wrapper {
    border: 1px solid;
    padding: 3px;
    background: red;
    overflow: hidden;
}

覆盖那个小提琴中的.wrapper类，你会明白我的意思。据说唯一可以浮动并且是html元素直接子元素的元素是body标签。