css - 页脚不在页面底部

Question

我在制作的网站上遇到页脚问题。它不会坐在底部。我知道这是一个常见的提示，但我尝试过的所有方法要么无效，要么破坏了其他 CSS 元素。

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

它在 we-sx.com 上。

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

Answer 1

因为你有:

position: absolute;

关于“.container”类

删除它，它应该在 div.container 下

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

.content:after {
  content: "";
  display: table;
  clear: both;
}