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

Question

我目前正在通过一个非常简单，反应灵敏的1页网站帮助朋友，可以查看here。

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

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

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

在包含主要内容的div上，我尝试设置高度和最小高度以及使用!important无效。

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

Answer 1

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

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

Answer 2

body {
overflow-y: scroll;
}

更新为整个文档。