Css 强制滚动内容元素

我一直在到处找，但在互联网上找不到

这是我的问题

我希望我的

元素具有

溢出-y:scroll

。 主体上没有滚动条，但主体上有滚动条

我做了一支笔来说明：

正如您所看到的，滚动条显示，但它没有滚动。波尔库伊？我如何使它滚动呢

以下是我的演示html，供那些可以通过以下方式更轻松地回答问题的人使用：

<main>
  <div class="content__container">
  </div>
</main>

非常感谢

更新

---

我适应了这个解决方案。这就是结果

将

最大高度

指定给您的主机：

main {
   max-height: 500px;
}

---

高度：100%

将为

1000px

以容纳

.content\u容器的内容物。如果你检查主容器、内容容器、主体，它们都有1000像素高。所以所有的内容都是溢出的
body
，您已经在
body
上设置了
overflow:hidden
——没有滚动条

您只需要限制
main
的高度，这样就有了可以滚动的溢出。如果您改用
100vh
，事情会像您预期的那样滚动


正文{
溢出：隐藏；
身高：100%；
}
主要{
高度：100vh；
溢出y：滚动；
背景色：红色；
边框：1px纯蓝色；
}
.content\u容器{
最大宽度：200px；
保证金：0自动；
背景色：浅绿色；
高度：1000px；
}

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

foobar

你需要javascript来完成这个任务。@jmargolisvt不，你不需要。显然你不需要。迈克尔·科克（多么酷的名字）的解决方案奏效了。@MagalieLinda lol谢谢：）我父母把它作为生日礼物送给了我。@MichaelCoker我想投赞成票reaction@MagalieLinda欢迎来到SO btw。请确保对您认为有帮助的答案进行投票，然后选择其中一个答案作为接受答案（在答案旁边打勾）一旦你觉得问题解决了。投票和接受答案会带来积极的业力；）非常感谢。我会的！我勾选了你的，但不会显示，因为我是新来的。但我会坚持下去。我爱你的名字D
main {
   max-height: 500px;
}