HTML 正文不滚动

Question

看看下面的 CSS 脚本。

body {
 position: relative;
 height: 100%;
 width: 100%;
 overflow:auto;
}

我找到了滚动 HTML 页面主体的上述解决方案。但这对我不起作用。那么我该如何解决这个问题。请帮我 !

Answer 1

要设置 height: 100% 你需要有一个固定的 height 的 parent ，例如

div {
  height: 50px;
}

div span {
  height: 100%; // 50px
}

因此，在这种情况下，如果您尝试将主体的高度设置为与屏幕相同的高度，您可以使用 height: 100vh 即 100% 的视口(viewport)

这样，我认为卷轴会正常工作