Html 容器和页脚

为什么会发生这种情况？背景色在页面的中间停止，页脚位于完全错误的位置。我已经把它写了很多页边空白，否则它会放在背景色结束的地方。怎么办？到处都设置了100%的高度

---

链接到网页：

在

.main上添加
溢出
隐藏

.main {

    padding: 6% 6% 6% 6%;
    height: 100%;
    background-color: hsla(172, 13%, 88%, 0.549);
    overflow: hidden;

}

你能提供一份工作吗？仅仅链接到实时网站不是一个好主意。还可以看到哇，这真的很有帮助，谢谢！背景色最终到位，页脚更好。只需要让它不重叠上述容器现在！再次感谢！这么简单，但成本这么多的问题！