我有一个我正在设计的小型网络应用程序,我有一个非常奇怪的问题。内部内容将始终在页面折叠下方切出 - 您无法向下滚动以阅读所有文本。我在Mobile Safari和Chrome / Firefox桌面上尝试过此操作但没有成功。
实时网址为http://byjakewithlove.com/code/mobile-webapp/
我可以尝试的任何建议都会有很大帮助。我基本上拥有ID #content 的div,它包含白色BG和页面文本。我有overflow: auto;
应该在这个div中创建滚动条,甚至有height: 100%;
。我对这个问题感到非常困惑 - 再次感谢您的帮助!
答案 0 :(得分:1)
你可以在内容元素上保留height: 100%
,但是使用绝对定位来定位标题元素(当然不要忘记将其父级的位置设置为relative
)以将其粘贴到top,同时为与标题高度相关的内容元素设置padding
值。
答案 1 :(得分:0)
height: 100%
被滥用 - “100%”是指容器的高度,因此它是为父项计算的,从而导致此行为。
只需省略height: 100%
声明并设置固定高度。