我的结构如下:
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% 宽度的页脚。 内容必须看起来像这样,一个白色的“破折号”,周围有不同的背景。
最佳答案
将 HEADER
CONTENT
FOOTER
包装在 #container
中......然后
SET - html,body, #container{height:100%;}
在那之后,如果您将 CONTENT
设置为 {height:100%}
它将起作用
关于html - 100% 宽度的页眉和页脚 bur 具有 100% 高度的固定内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21375002/