Html 嵌套div，高度100%，带粘性页脚

我正试图让我的白色包装div有一个100%的高度，而不会弄乱我的粘脚。我试过删除高度：自动！重要的是，我的包装器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;
 }

---

这是你的小提琴的工作副本。请不要使用显示：表格

您的代码需要一些站点架构。至于重叠页脚的包装，如果你想在滚动时放在它下面，那么它必须放在某个地方。毕竟你是想把它修好的

当使页脚固定（粘性）时，你必须了解页面将到达底部，页脚将在那里阻止它。所以你给页面一个页脚大小的底部空白，迫使页面像这样自下而上

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

---

感谢LOTUSMS的帮助，我正在尝试将包装器div扩展到100%，但我在您的演示中没有看到。确实如此，但是请记住，正在修复的页脚正在阻止视图。页面的底部就是页面的底部。但我有你的解决办法。马上回来