CSS - 为什么高度似乎设置，当它不是？

Question

好的，这真的很烦人，我无法理解为什么会发生这种情况。 当我试图让CSS Sticky页脚工作时，我可能已经搞砸了一些东西。

我有一个继续，但它似乎在身体不是液体所以我想我会尝试这个： http://ryanfait.com/sticky-footer/

但结果最终结果如下： http://www.serverbart.com/film/

蓝色的盒子应该像一个画廊，所以不要忘记颜色：p 我想你会理解我正在做的事情，而且我愿意接受关于重新设计div结构的意见！我试图在不同的布局上做得很好，而且这个问题让我感到烦恼。

Answer 1

你没有关注Ryan Fait的例子。对于初学者来说，推送会进入内部包装。

Answer 2

推和页脚的高度必须相同。推送必须进入包装器。

Answer 3

这是因为你有这个：

<div id="mainWrapper">
    <div id="content"></div>
    <div id="push"></div>
    <div id="footer"></div>
</div>

我第一次创建一个粘性页脚时，我花了很长时间才弄清楚我做错了什么，它必须像这样

<div id="mainWrapper">
    <div id="content"></div>
    <div id="push"></div>
</div>

<div id="footer">
</div>

你必须明确地将2个div作为最外层的div，而不仅仅是一个主要的包装器。