css - DIV 锚定到父 div 的顶部和底部

Question

这可能是一个非常愚蠢的问题，不要把你的鞋子扔给我:)

考虑使用这样的 HTML:

<div class="container">
    <div class="header">
    </div>
    <div class="body">
    </div>
    <div class="footer">
    </div>
</div>

我希望“页眉”和“页脚”分别锚定到父级的顶部和底部，并且“正文”能够轻松增长以适应所有可用空间。 要实现这一目标，CSS 会是什么样子？

编辑:也许我说错了(我不完全是一个网络开发人员:))，但我需要的是让 div 的某些部分始终附加到其底部。因此，当 div 增长时，这部分(可能具有固定大小)会随着 div 的下端而降低。但所有这些并不意味着将 div 附加到浏览器窗口的底部。

Answer 1

如果我正确理解你的问题，你需要一些非常基本的CSS。

body { background: black; }
.container { width: 960px; }
.header { height: 100px; background: #ddd; }
.content { padding: 10px; }
.footer { height: 100px; background: #ddd; }

你的 div 不是 float 的，所以会像煎饼一样堆叠在一起。

如果您希望页脚“粘性”，请参阅此处获取解决方案... http://ryanfait.com/sticky-footer/