Css 页脚不在页面底部

我正在制作一个网站的页脚有问题。它不会坐在底部。我知道这是一个常见的抱怨，但我尝试过的每件事要么没用，要么破坏了其他CSS元素

我已将网站加载到临时域中供您查看

在we-sx.com上

---

我希望页脚位于具有方框阴影效果的.container div下。

这是一个常见问题，我见过的最佳解决方案是：

基本上，您将所有内容放在一个最小高度为100%的div中，并将页脚div推到底。

因为您有：

position: absolute;

关于类“.container”

拆下它，它应该在div.container下面

现在，这将导致div.container崩溃，因为其中有两个浮动元素。您将需要一个针对该问题的clearfix。您可以将其添加到“内容”类中

---

在这里您可以找到如下代码

将以下CSS行添加到样式表中。.wrapper中边距的负值与.footer和.push的高度相同。负边距应始终等于页脚的全高（包括您可能添加的任何填充或边框）

CSS中的：

height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

遵循这个HTML结构。任何内容都不能位于.wrapper和.footer div标记之外，除非绝对使用CSS定位。在.push div中也应该没有内容，因为它是一个隐藏元素，可以向下“推”页脚，所以不会重叠任何内容

在HTML正文中：

height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}

你的网站内容在这里

  <div class="push"></div>
    </div>
    <div class="footer">
        <p>Copyright (c) 2013</p>
    </div>

版权所有（c）2013

请包含相关标记，以便我们查看。发送我们去查看您的文件对我们的要求很高。链接已断开，我们可以获取一段示例代码吗？