html - 每页页脚边距不同

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

我只是快速浏览了一下，但我认为这是您的wrapperdiv 高度的问题。我height:100%从两个示例的包装类中删除了，看起来页脚现在在它们之间的大小是一致的。