css 将 div 锚定到页面底部答案

【问题标题】：css anchor div to foot of pagecss 将 div 锚定到页面底部
【发布时间】：2010-06-18 07:39:20
【问题描述】：

我可能很快就会把我的头从墙上弹下来，我无法相信像这样愚蠢的东西已经完全击败了我......因此我转向你，Stack Overflow......寻求指导和启迪。

问题： 将 div 放在页面底部，100% 宽度，在任何类型的包装之外。
建议的解决方案： http://ryanfait.com/sticky-footer/

内容 -> 很好，效果很好
没有内容 = 不好，页脚正好位于视口下方的页脚高度。

非常感谢您对此的投入，过去一个小时让我非常烦恼。我完全期待某种形式的嘲笑:)

澄清：如果没有足够的内容来填充页面，页脚应该附加到视口的底部。如果有足够的内容，它应该向下移动到视口底部之外。

谢谢！
狐狸精

【问题讨论】：

【解决方案1】：

我认为这可能是您正在寻找的：

【讨论】：

【解决方案2】：

对不起，如果我没有正确解释问题，但您是在谈论将页脚放在页面底部吗？

试试这个：

#footer {
   width: 100%;
   height: 150px;  
   position: fixed; 
   bottom: 0px; 
   left: 0px; 
}

如果您希望页脚留在一个位置，请将position 属性更改为absolute。

【讨论】：

啊抱歉 - 我应该更清楚，我需要页脚与文档流保持一致 - 如果那里有内容，我不希望它固定在页面底部。如果页面上有足够的内容将页脚推到视口底部之外，index_content.html 应该如何工作。