覆盖溢出的基本CSS：隐藏；财产

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

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

我如何覆盖它，使溢出在特定的html页面上可见

html, body {
    overflow: auto !important;
}

---

“！important”将使其覆盖几乎所有其他声明。

您应该使用！重要的是：

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

或者你可以给尸体一个身份证：

body#somePage{
  overflow:scroll;
}

---

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

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

id更为具体，因此它将覆盖第一个id（当然，仅当它适用时）

---

另外，我认为您不需要在html元素上添加overflow:hidden。这有什么用吗？您是否尝试过不使用“html”而只使用“body”？

我还认为内联css优先于文件。因此，在那个页面上，他可以使用内联来更改主体的溢出。我将采用这种方法。尽量不要添加

！重要的

，除非是绝对必要的（尽管说起来容易做起来难）。这里有

body#nothidden

，它比

body

或

#hidden

更具体，所以

！重要信息

是不需要的，您将省去寻找一条不想被覆盖的CSS规则的麻烦。