如何在保留布局的同时向此 HTML 模板添加粘性页脚？

Question

是否可以在this HTML template 中添加一个可在 IE 兼容模式下工作且跨浏览器兼容的置顶页脚？

我尝试添加Ryan Fait sticky footer，但是当我添加它时，一切似乎都中断了。

不能使用在父容器上使用 100% 高度的粘性页脚，然后对页脚使用负上边距并将其拉回视口，因为这将消除查看两者之间的背景颜色的能力页脚和主要内容。由于模板使用圆角，因此无法在其中注入背景颜色的间距 div，这似乎很困难。

我也尝试了类似于 Ryan Fait 方法的“top border soak up sticky footer”，但我也无法让它发挥作用。

Answer 1

解决了。基本上，就像您说的那样，我应用了 Ryan Fait 粘性页脚并执行了以下操作：
- 将页脚移到包装器外，将页眉移到包装器内。
-从身体上移除了填充物。
-从页脚中删除了上边距、下边框、框阴影（和底部圆角）。
- 将包装边距拉上一个额外的像素 (.063em) 以说明页脚的顶部边框。
-添加填充底部：10px；到#innerwrap 以获得我正在寻找的 div 间距（就像它在 Ryan Fait 页面上所说的那样）。
- 使页脚的宽度和边距与包装器匹配。