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