0

我正在为一个学校项目构建一些东西..我当前的代码可能有问题，因为这不是我想要的..所以我想寻求支持！

首先：所有必须是百分比，因为它是针对手机屏幕的，并且都是基于分辨率的。我希望所有东西的大小都相对相等，所以我假设这里的百分比是最好的。

那么我需要的想法是

第1行高度：20% [块一宽度：60%][块二宽度：40%]

第 2 行高度：60% [块一宽度：100%]

第 3 行（页脚）高度：20% [块一宽度：100%]

第 1 行必须始终位于顶部（duh）第 2 行必须在下一个，始终居中，并且必须具有屏幕高度的 60% 的固定高度，无论其中有什么第 3 行必须作为页脚并低于第 2 行（duh）

我认为这里没有太多大代码..但我无法计算固定高度，因为我的“页脚”总是直接在第 2 行之后，而不是总底部..

提前致谢！

4

1 回答 1

0

听起来你的问题实际上只是关于设置高度。

这个问题（很可能）您的百分比仅基于正文标签，这对于您的所有内容来说都足够大。尝试这个：

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%相关

于 2012-11-20T21:51:00.213 回答