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

【问题标题】：I need to have a few divs with a fixed height and width.. how?我需要一些具有固定高度和宽度的 div .. 怎么样？
【发布时间】：2012-11-20 21:34:55
【问题描述】：

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

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

我需要的想法是

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

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

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

第 1 行必须始终位于顶部（呵呵）第 2 行必须在下一个，始终居中，并且必须有一个固定高度为屏幕高度的 60%，不管里面有什么第 3 行必须作为页脚并位于第 2 行下方（duh）

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

提前致谢！

【问题讨论】：

您能否在 JSFiddle 上发布您的代码并解释您遇到的问题

标签： html height block fixed

【解决方案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相关

【讨论】：