html - 页脚问题 : Can't Keep it Down

Question

我已经尝试了 2 个小时让我的页脚留在底部。
我一直在尝试“Matthew James Taylors”技术，但没有成功。

有人看到我遗漏了什么或做错了什么吗？

这是一个活生生的例子:http://glustik.com/essex/index.html

任何帮助都会很棒!

我会用 { } 附加 CSS 代码，但它对我来说总是中断。

Answer 1

我觉得解决这个问题的 CSS 仍然会有问题，我很想重写整个东西:HTML 标记和 CSS，否则我怀疑以后会有更多麻烦。

以下是一些最有可能给您带来麻烦的事情:

• 重复的 id 值(如前所述)
• 不必要的绝对定位
• 在几个 div 上硬编码高度值
• 不必要地使用“clearfix”div
• 过度使用负边距来补偿其他元素的填充(总是有问题)
• 次要但相关:使用像 floatRight 这样的类，与使用内联样式一样糟糕。

我认为一般来说，与其试图控制所有内容的位置和高度，不如让正常的内容流支配它。自然地，标记中的最后一个元素(页脚)应该位于底部，而没有所有这些过度考虑的限制。

祝你好运!

编辑:显然我已经变得无用了，所以我觉得我应该添加一个直接的回应:为了快速修复，只需将页脚放在底部:

• 从 #mainBody 中删除高度和底部填充

(在 FF4 和 IE8 中测试)。页脚中仍然会有一些填充问题，但可以通过多种方式解决，具体取决于您希望如何处理它。再次祝你的元素好运。