Question

我正在为学校项目构建一些东西......我可能错误地使用了我现在的代码，因为它不是我想要的......所以我想请求支持！

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

我认为我需要的是

第1行高度：20％ [挡一宽：60％] [挡二宽：40％]

第2行高度：60％ [阻止一个宽度：100％]

第3行（页脚）高度：20％ [阻止一个宽度：100％]

第1行必须始终位于顶部（duh）第2行必须是下一个，一直处于居中状态，并且必须具有屏幕高度的60％的固定高度，无论那里有什么第3行必须是页脚并且位于第2行（duh）

之下

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

提前致谢！

Answer 1

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

这个问题（很可能）你的百分比只是基于身体标签，只有你的所有内容都足够大。试试这个：

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/进行播放

与Make body have 100% of the browser height

我需要有一些固定高度和宽度的div ..怎么样？

1 个答案: