在大屏幕上，我的页脚不在页面底部留下一个白色“条”（页面背景颜色）。
我知道有粘性页脚等，但由于在页脚中的元素上使用绝对定位，这些技术会使页脚的其余部分出错。我现在直接在页脚下方添加了一个空 div，并将其最小高度设置为 100%，并将背景颜色设置为与页脚（黑色）相匹配，但是它没有做任何事情 - 只有以像素为单位的设置高度会做任何事情，但我希望它是动态的，所以如果它在那里，无论是 10px 的空间还是 500px 的空间，它都会填充空间。
有没有人可以解决的？
【问题讨论】：
如果您不想使用粘性页脚，请将 body 背景颜色与页脚颜色相同，然后将内容区域的背景设置为白色。无论浏览器的大小如何，这都会使页脚看起来延伸到页面底部。
【讨论】：
是的，您不使用“绝对”样式的页脚定位，这是一个糟糕的解决方案。
奇怪的是，Twitter Bootstrap 有最简单的示例来说明如何实现粘性页脚 - 这是一种已经存在多年的技术：
http://getbootstrap.com/examples/sticky-footer/
方法很简单。在所有代码周围放置一个包装器 div，除了页脚。 如果您参考该链接的来源，您将看到一个 id 为 wrap 的包装器。 如果您然后检查上述css： http://getbootstrap.com/examples/sticky-footer/sticky-footer.css
只需复制粘滞页脚样式部分并适应您的网站。这其中的关键部分是页脚高度值与包装元素的边距和内边距值匹配。
【讨论】：