html - CSS:滚动上的文本内容未显示 100% 的视口(viewport)

Question

我被这个问题撞得头破血流。我认为它与 CSS 基本布局有关，但我没有看到它...因此我寻求其他专业人士的帮助，以便您可以帮助我。检查以下链接:

http://rosasusaeta.com/cepods/how-we-work.php

如果您向下滚动到底部，您会发现没有显示全部内容，就好像它位于视口(viewport)下方一样。要明白我的意思，请选择底部的文本，然后滚动就会起作用。

我尝试对内容 .content-block 应用 margin-bottom 但它直到大约 200px 才产生任何效果，这是没有意义的。有人可以帮助我吗？

Answer 1

将“.content-block”的高度设置为 80%。它会正常工作。

问题是您将内容 block 的高度设置为 100% 并将正文溢出设置为隐藏。因此视口(viewport)下方的内容 block 部分将不可见。