html - 如何在完全响应的网站中强制滚动条？

Question

我目前正在帮助一位朋友创建一个非常简单、响应迅速的 1 页网站，可以在此处查看。

如果您将浏览器窗口的宽度向下拖动到大约 450 像素或更小，您将看到布局发生了正确的变化。但是，当您垂直拖动以缩短页面时，中间的内容会被隐藏/覆盖。

我需要中间的文本始终可见，即使用户需要滚动/滑动才能看到它。 注意：我想要滚动的是整个正文，而不仅仅是内容 div。

在此图像中，如果视口不是很高，您可以看到文本被覆盖：

在包含主要内容的 div 上，我尝试设置 height 和 min-height 以及使用!important无济于事。

我一定遗漏了一些明显的东西。任何帮助表示赞赏。

Answer 1

设置名为“content”的div的样式：“overflow-y:scroll;”

<div id="content" style="overflow-y: scroll;">
<!-- content -->
</div>

Answer 2

body {
overflow-y: scroll;
}

更新为整个文档。