html - 在页面底部做页脚

Question

我有这样的代码(全部) http://jsfiddle.net/NSzdm/

但主要的问题是我尝试像往常一样在页面底部做页脚，但我得到的是这样的:

很简单，仍然有带中心的包装器，但我也有页脚，它必须在包装器之后...请参阅 jsfiddle，所有代码都在那里...

页脚 CSS:

.footer {
  margin: 50px 0 0 0;
  background-color: #3a3a3a;
  background-image: linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -o-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -moz-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  background-image: -webkit-linear-gradient(bottom, #3b3b3b 0%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff424242',GradientType=0);
  /* IE6-9 */
  width: 100%;
  height: 144px;
}

Answer 1

我认为您只需要在 .wrapper .center {position:relative} 的 CSS 中将 position:absolute 更改为 position:relative。

这似乎将您的页脚向下移动，不确定它是否会影响页面的其他部分，没有图像很难判断。