html - 每页页脚边距都不同

Question

我有网页，我必须将页脚贴在页面底部。我在这里为您准备了代码: 1) http://jsfiddle.net/6P3Ag/ 2) http://jsfiddle.net/bmzgp/

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

但为什么我在每个页面的页脚和 wrapper 之间得到不同的边距？怎么了？

还有一些页脚代码:

.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%，看起来页脚现在在它们之间的大小统一了。