我有一个小型的网络应用程序，我正在设计，而且我有一个真正奇怪的问题。内容将始终在页面折叠之下切出 - 您无法向下滚动以阅读所有文本。我在Mobile Safari和Chrome/Firefox的桌面上尝试过这种方式，但没有成功。内容使用CSS3折叠弃用
活网址为http://byjakewithlove.com/code/mobile-webapp/
任何建议，我可以尝试将有很大的帮助。我基本上与ID ＃内容 div，并拥有白色的BG和页面文本。我有overflow: auto;应该在这个div内创建滚动条，甚至有height: 100%;。我对这个问题感到困惑 - 再次感谢您的帮助！
你可以保持height: 100%内容元素，但使用绝对定位（不要忘了父母的位置设置为relative，当然），将它贴到顶部，头部元素的位置，同时设置padding值添加到与标题高度相关的内容元素。
完美！现在开始工作，我原本应该注意到这一点。谢谢老兄欣赏它:) – Jake 2012-04-18 21:00:09
height: 100%被误用 - “100％”是指容器的高度，因此它是针对父级计算的，因此导致此行为。
只需简单地省略height: 100%声明并设置固定的高度。
但问题是，当我开始加载新页面时，内容将不会具有相同的固定高度。我需要它是流动的，或者至少让我在内容div中滚动。 – Jake 2012-04-18 16:56:24
让我补充一点，即使设置“height：10000px;”也没有任何作用。您可以调整窗口大小并显示更多内容，但不会出现滚动条。因此，不幸的是，使用固定的高度并不是一个解决方案。 – Jake 2012-04-18 16:58:01
我已经使用开发人员工具将其更改为所需结果，此外，您想通过设置“height：10000px”来实现什么目标？使用小于视口的值对其进行测试，您会看到它的影响。 – 2012-04-18 17:00:29
好像所有的文本都是可读的。请澄清是什么问题。 – 2012-04-18 16:38:27
@EliranMalka是的，我知道它看起来像这样，但实际上并不全是可读的。我在内容'div'的最底部添加了一个小图片，以便您明白我的意思。刷新页面并告诉我你是否可以看到图形 - 如果没有，则不是所有内容都正在显示。另外使用'overflow：auto'，你应该可以将它全部滚动，这也不起作用。 – Jake 2012-04-18 16:51:22