我知道这个问题已经在这里讨论过很多次了，但是我在这里找到的答案似乎都没有解决我的问题。
我有这个可变（高度）布局，并且希望页脚始终粘在底部。
我使用了最小高度：100%；到容器 div，并以某种方式让它始终位于底部。问题是，它沉得太低了。
我在这里举了一个例子：
http://jsbin.com/erono3
正如您所看到的，我的页脚位于底部，但底部会太远，即使页面上有空间可以显示它，它也会创建一个滚动条。
另外，我希望主容器显示得与内容一样大（即关闭正方形），但现在，看起来容器一直到底部，而我的页脚覆盖了它。
我在那里做错了什么？
提前致谢
您应该再次查看 Ben Lee 的链接:)。我在你的布局中使用了它来达到你想要的效果。在这里查看：http://jsbin.com/erono3/2
重要的是页脚成为容器的一部分。容器的最小高度为 100%。所以它总是占据整个屏幕。无论里面是什么，标题都是正常的。
那么你应该有一个内部容器元素（重要的)，您的主要内容所在的位置。在上面的链接中，它有 id#body。这将有一个填充底部（为页脚提供空间。
页脚绝对定位在bottom:0px这意味着它总是位于容器的底部（容器必须是position:relative).
编辑（回应评论）
要使页脚覆盖整个页面，但保持其他所有内容居中，只需执行以下操作：
去掉宽度#containter, #container横跨整个页面。提供宽度#body上面链接中的元素并将其居中，使用margin: 0px auto。你就得到了你想要的效果。
新链接：http://jsbin.com/erono3/5
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
