【发布时间】：2011-08-16 04:21:57
【问题描述】：
目标是不使用动态高度标题隐藏滚动条。
stackoverflow 上有很多关于 CSS 高度 100% 的帖子；我的问题有点独特，如果是骗子，请原谅，但我找不到答案。
所以我的网络应用需要垂直滚动条 + 高度 100% 和动态标题高度。 header 的高度未知，因此内容区域的高度应为 100%-header 高度。
我不知道如何优雅地解决的问题是，如果您在其上执行 height:100% 并且标题向上，则内容垂直滚动条（尤其是底部向下滚动按钮）将被隐藏最佳。 （身高 >100% 并不理想）。
<style>
html{
height:100%;
}
body{
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
#header{
background:blue;
}
#content{
background:red;
overflow-y:scroll;
height:100%;
}
</style>
<body>
<div id='header'>
dynamic height top. (Text here could be any length.)
</div>
<div id='content'>
100% with no-hidden scroll-down scrollbar button.
</div>
</body>
这可以在没有 JavaScript 和没有 HTML/CSS 表格的情况下完成吗？ （我在使用 css 表时遇到了 colspan 问题，使用 html 表进行布局似乎是一种不好的做法）
想知道那里的 CSS/HTML 专家是否有答案。
感谢您的任何见解。 :)
【问题讨论】：
-
表格有什么问题？它们是有效的 HTML，无需任何复杂的 hack 即可轻松解决您的问题。
-
我非常困惑。您发布的示例似乎完全为您提供了您所描述的您想要的内容。您能否说明您当前的尝试与预期效果之间的差异？
-
@Thomas，其实我也试过用 Tables 来做，但没有用。
-
@Xixonia，我想要做的是让滚动条上的底部向下滚动按钮不会被覆盖......在 Chrome 和 Firefox 中，如果你在底部，顶部有一个动态标题高度，底部滚动按钮（以及滚动条的很大一部分，取决于顶部标题的高度）被隐藏了，所以我想知道是否有一种纯粹的 CSS 方式来做它，同时仍然显示所有滚动条。
标签： html css web-applications height fullscreen