CSS - 为什么高度似乎已设置，但实际上并未设置？

Question

好吧，这真的很烦人，我不明白为什么会发生这种情况。 当我试图让CSS粘页脚工作时，我可能搞砸了一些东西。

我正在进行一项，但身体似乎不是液体，所以我想尝试一下这个： http://ryanfait.com/sticky-footer/

但结果却是这样的： http://www.serverbart.com/film/

蓝色框应该类似于画廊，所以不用介意颜色：p 我想您会明白我想要做什么，并且我愿意接受有关重新设计 div 结构的意见！我正在尝试真正擅长不同的布局，而这个布局一直困扰着我。

Answer 1

你没有效仿 Ryan Fait 的榜样。对于初学者来说，推送进入包装器内部。

Answer 2

这是因为你有这个：

<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，而不仅仅是一个主要包装。

Answer 3

推送和页脚的高度必须相同。推力必须进入包装纸内部。