我正在设计一个整页网站，该网站主要使用javascript（特别是ajax）。现在，我正在研究基本结构等。
我见过几个类似目标的问题，但没有一个真的有帮助。也许我误解了，或者其他什么。我不知道。无论如何，我的目标是创建一个页面，该页面占用用户浏览器提供的空间，而侧面或顶部没有空白空间。这意味着我必须依赖基于百分比的测量结构。
问题是，两个关键元素之一是特定大小（以像素为单位）。任何更大的，都会有空的空间，浪费。任何较小的，我的网站的徽标都不适合。看看我的代码：
HTML
[nav]The Beef[/nav]
[footer]The Cream Filling[/footer]
CSS
html, body{height: 100%; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; z-index: 0;}
nav{display: block; height: 100%; position: absolute; width: 100%; z-index: 1;}
footer{bottom: 0; display: block; height: 170px; position: absolute; width: 100%; z-index: 2;}
问题是，现在整页导航（正如我所提到的，基于javascript的网站）继续在“页脚”下面。我想要它做的是占用页脚未使用的所有空间，而不会超出用户屏幕的容量（IE，没有滚动条）。
我宁愿不使用javascript，但如果绝对没有其他选择，我愿意这样做。
答案 0 :(得分：0)
为什么不指定内容块的底部位置：
bottom: 170px;