在每页页脚边距是不同的

Question

我有网页，我必须在页面底部贴页脚。我在这里有代码： 1）http://jsfiddle.net/6P3Ag/ 2）http://jsfiddle.net/bmzgp/

另请参阅jsfiddle上的预览，如http://jsfiddle.net/6P3Ag/embedded/result/这很重要（身高是另一个）

但为什么我会在页面上的页脚和包装器之间获得不同的页边距？怎么了？

还有一些页脚代码：

.footer{
  position: relative;
  margin: 150px 0 0 0;
  @include gradient-background(bottom, $gr1, $gr2);
  width: 100%;
  height: 144px;
  clear: both;
}

我也使用sass + haml ......

Answer 1

我只是快速看一下，但我认为这是wrapper div高度的问题。我在两个示例中都从包装器类中删除了height:100%，看起来页脚的大小现在统一了。