我正在尝试创建一个响应式模板，但我遇到了一个无序列表破坏我的粘性页脚的问题。
似乎特别是当我不包括 li 的时候，保留 ul，页脚喜欢粘住，但 li 在包括时实际上并没有从底部伸出...尝试检查，FF 3d 建模等，环顾四周寻找任何迹象......
link to page , direct css link
这只是页脚下方的额外空间，但无法精确定位。 我一直无法找到像这样的特定棘手问题 有什么帮助吗？谢谢
更新:我注意到的另一件事是，当我删除文档类型时，它工作得很好。我使用的是 html5 文档类型。
更新 2:将 ul 设置为 block 修复它，作为它当前的内联表，但这移除了将它设置为其子元素的宽度并通过 text-align 对齐它的能力。我认为以某种方式保留内联表而不是使用 float 是更好的做法......
更新 3:将 UL 设置为 block ，将 LI 设置为内联，表格并减少边距，仍然有大约一个像素剩余使得溢出仍然发生......现在唯一的问题是高度/行高搞砸了，现在允许悬停时背景颜色更改为完全扩展
最佳答案
我将它添加到你的 css 的底部，但它卡住了
#footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;}
但这只是一个快速的懒惰修复，我强烈建议你回溯你的代码，对于这样一个简单的结构来说它看起来很复杂，尽量减少 css 中的分支元素。
关于html - 无序列表打破了粘性页脚，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9845437/