无序列表打破粘滞页脚

Question

我正在尝试创建一个响应式模板，但我遇到了一个无序列表破坏了我的粘性页脚的问题。

似乎特别是当我不包括 li 时，保留 ul，页脚喜欢粘住，但 li 在包含时实际上并没有从底部伸出...尝试检查，FF 3d 建模等，以寻找任何迹象......

link to page, direct css link

这只是页脚下方的额外空间，但无法确定。 我找不到像这样的特定棘手问题 有什么帮助吗？谢谢

更新：我注意到的另一件事是，当我删除 doctype 时，它​​工作得很好。我正在使用 html5 文档类型。

更新 2：将 ul 设置为阻止将其修复为当前的内联表，但这消除了将其设置为其子项的宽度并通过 text-align 对齐的能力。我认为以某种方式保持内联表而不是使用浮点数会更好......

更新 3：将 UL 设置为 block，将 LI 设置为 inline，table 并减少边距，仍然大约有一个像素剩余，导致溢出仍然发生......现在唯一的问题是高度/行高搞砸了，现在允许悬停时背景颜色更改为完全扩展

Answer 1

我将此添加到您的 CSS 底部，但它卡住了

 #footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;}

但这只是一个快速的懒惰修复，我强烈建议你回溯你的代码，这样一个简单的结构看起来很复杂，尽量减少css中的分支元素。