我正在为一个学校项目构建一些东西。。我可能对我当前的代码有错，因为它不是我想要的。。所以我想请求支持！
首先：所有必须以百分比表示，因为这是针对手机屏幕的，所有都是基于分辨率的。我希望所有东西的大小相对相等，所以我认为百分比在这里是最好的。
我想我需要的是
第1排高度：20%【区块一宽度：60%】【区块二宽度：40%】
第2排高度：60%[块一宽度：100%]
第3行(页脚)高度：20%[块一宽度：100%]
第1行必须始终位于顶部(duh)第2行必须在下一行，始终居中，并且必须具有屏幕高度的60%的固定高度，无论其中有什么第3行必须作为页脚并且位于第2行(duh)下方
我认为这里没有太多的大代码。。但我无法计算固定的高度，因为我的"页脚"总是直接位于第2行之后，而不是总底部。。
提前感谢！
听起来你的问题实际上只是关于设置高度。
问题是(很可能)你的百分比只是基于body标签，它只够容纳你的所有内容。试试这个：
html, body
{
height: 100%;
}
div {
border-style:solid;
border-width:1px;
}
div#top { height:20%; }
div#middle {height: 60%; }
div#bottom {height: 20%; }
看见http://jsfiddle.net/nhw5X/2/玩
与使主体具有100%浏览器高度相关