html - 使用 CSS3 剪切内容

标签 html mobile css overflow

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

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

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

最佳答案

您可以在内容元素上保留 height: 100%,但使用绝对定位来定位标题元素(不要忘记将其父元素的位置设置为 relative ,当然)将其粘贴到顶部,同时为与标题高度相关的内容元素设置 padding 值。

关于html - 使用 CSS3 剪切内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10213632/

相关文章:

javascript - 使用 jQuery 加载的居中 HTML 元素

html - 创建一个带有微调器的提交按钮

ios - 构建平台之一时出错 : IOS

sql-server - 用于移动应用程序远程数据库的后端即服务 (BaaS) 或老式 SQL 服务器

css - 是否有 CSS 父级选择器?

javascript - 如何解析 querySelectorAll 选择器引擎的结果并允许方法链接?

javascript - Angular 检查数组是否包含具有特定变量值的对象

android - 是否可以通过收件箱短信打开我的应用程序?

html - 将一个 div 定位到另一个 div 的右侧

javascript - 将 div 移出屏幕的最佳方式?