html - 100% 宽度的页眉和页脚 bur 具有 100% 高度的固定内容

Question

我的结构如下:

HEADER -> 100% width -> variable height

CONTENT -> 1080px width -> I NEED TO FILL THE PAGE HEIGHT WHEN SHORT CONTENT

FOOTER -> 100% WIDTH -> 230 px height

我看到有人使用 CSS 的 CALC。
但就我而言，我的页眉没有固定高度，因此数学不起作用。

有什么想法吗？

我从网站上得到这段代码并用一些颜色来说明:http://pastebin.com/kyd35zp6

我需要红色的 div 来填充页面。

任何帮助都是好的!

更新

我忘了说这是一个粘性页脚

我需要这样的东西:http://maujor.com/tutorial/rodape/rodape-fixo-no-fim-da-pagina-7.html

但我需要 100% 宽度的页眉和 100% 宽度的页脚。内容必须看起来像这样，一个白色的“破折号”，周围有不同的背景。

Answer 1

将 HEADER CONTENT FOOTER 包装在 #container 中......然后

SET - html,body, #container{height:100%;}

在那之后，如果您将 CONTENT 设置为 {height:100%} 它将起作用

try it here