基本CSS覆盖溢出：隐藏;属性

Question

我在我的所有网站上加载了以下CSS类：

html, body {
  // no scrollbars before iframe resize
  overflow: hidden;
}

如何覆盖它，以便在特定的html页面上显示溢出？

Answer 1

对于您不希望隐藏溢出的页面，请为body指定一个特定的ID，例如#nothidden。然后，使用检查它的CSS

body {
    overflow: hidden;
}
body#nothidden {
    overflow: auto;
}

id更具体，因此它会覆盖第一个（当然，只有当它适用时）。

P.S。我不认为你应该把溢出：隐藏在html元素上。这甚至可以做什么吗？你有没有“html”而只有“身体”的尝试吗？

Answer 2

html, body {
    overflow: auto !important;
}

“！important”将使其覆盖任何其他声明。

Answer 3

你应该使用！important：

html, body {
  // no scrollbars before iframe resize
  overflow: scroll !important;
}

或者你可以给身体一个id：

body#somePage{
  overflow:scroll;
}