html - 使用 CSS3 对折页进行内容剪切

Question

我有一个我正在设计的小型网络应用程序，但我遇到了一个非常奇怪的问题。内部内容将始终在页面折叠下方剪切 - 您无法向下滚动以阅读所有文本。我已经在 Mobile Safari 和 Chrome/Firefox 的桌面上尝试过这个，但没有成功。

实时 URL 是http://byjakewithlove.com/code/mobile-webapp/

我可以尝试的任何建议都会有很大帮助。我基本上有 ID 为#content的 div ，它包含白色的 BG 和页面文本。我有overflow: auto;哪个应该在这个 div 中创建滚动条，甚至有height: 100%;. 我对问题是什么感到完全困惑 - 再次提前感谢您的帮助！

Answer 1

您可以保留内容height: 100%元素上relative的padding标题的高度。

Answer 2

被height: 100%误用 - “100%”指的是容器的高度，所以它是为父级计算的，因此导致了这种行为。

只需省略height: 100%声明并设置固定高度。