html - CSS - 为什么似乎设置了高度，但实际上没有设置？

Question

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

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

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

score 3 · Accepted Answer

3

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

于 2010-02-10T19:56:51.247 回答

score 0 · Accepted Answer

0

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

于 2010-02-10T21:50:17.460 回答

score 0 · Accepted Answer

这是因为你有这个：

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

3 回答 3