嵌套div高度100％，粘性页脚

Question

http://jsfiddle.net/4ZC2A/

我试图让我的白色包装div达到100％的高度，而不会弄乱我的粘性页脚。我已经尝试删除高度：auto！important因此我的包装div会延长100％，但这会弄乱我的粘性页脚。它还会在调整大小时使页脚与图片重叠。任何帮助表示赞赏谢谢。

.supercontainer {
    min-height: 100%;
    height: 100%;
    height: auto !important;
    margin: 0 auto -100px;
  position: relative;
  background: #f8f8f8;
  }
.wrapper {
  border-right: 2px solid #e5e5e5;
  border-left: 2px solid #e5e5e5;
  background: white;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
  padding-top: 50px;
 }

Answer 1

这是你小提琴的工作副本。请不要使用display：table

DEMO

您的代码需要一些网站架构。至于包装器重叠你的页脚，如果你的意思是当你滚动它，它，它必须去某个地方。毕竟你确实希望它得到修复。

当页脚固定（粘性）时，您必须了解页面将到达其底部，并且页脚将在那里阻止它。因此，您可以为页面提供页脚大小的底部，以强制该页面自下而上

.wrapper {
   margin: 0 auto 100px auto;
 }