无论内容如何,​​div拉伸100%页面高度

Question

现场(正在进行中)现场

基本上,无论内容的实际长度如何,我的所有网站内容都集中在指定宽度和预期高度100%的div中.我指定height:100%;的html,body以及#main但是仍然DIV短出来作为上看到这个页面 -我不希望自己成为之间的任何间隙#main的灰色框,并在屏幕的底部.这可能吗？怎么样？

Answer 1

看到这个jsfiddle

html, body {height: 100%;}
.container {min-height: 100%;}

这里也讨论这个问题......

适当的CSS以确保body元素填满整个屏幕