html - 有滚动条但是页面没有滚动

Question

目前我正在为我女朋友做一个网站，我遇到的问题是页面上有一个滚动条，但即使内容溢出页面之外，它也不允许我上下滚动页面。如果有帮助，我正在为这个元素使用 Brackets IDE。

 body {

      background-color: rgb(66, 197, 244);
      overflow-y: scroll;
      overflow-x: hidden;
}

这是我的 body 标签的 CSS 代码。是否有我遗漏或需要添加的内容？

Answer 1

欢迎来到 StackOverflow。不，你很好。可能没有足够的内容来滚动。

body {
  background-color: rgb(66, 197, 244);
  overflow-y: scroll;
  overflow-x: hidden;
}

<div>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>
  <p>content</p>

</div>