每页页脚边距不同答案

【问题标题】：On every page footer margin is different每页页脚边距不同
【发布时间】：2012-12-22 18:24:50
【问题描述】：

我有网页，我必须在页面底部添加页脚。我在这里为您准备了代码： 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...

【问题讨论】：

我建议用更少的内容创建一个更简单的小提琴，这仍然会复制问题。您甚至可能在此过程中自己发现问题。

标签： html css haml sass footer

【解决方案1】：

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

【讨论】：