我正在尝试创建一个响应式模板,我遇到了一个无序列表问题,打破了我的粘性页脚。
似乎特别是当我不包括li,保持ul,页脚喜欢坚持,但是当包括时,li实际上看起来并没有从底部伸出......尝试检查,FF三维建模等,以寻找任何迹象......
它只是页脚下方的额外空间,但无法精确定位。 我无法找到像这样的特定粘性问题 有帮助吗?感谢
更新:我注意到的另一件事是,当我删除doctype时,它运行得很好。我正在使用html5 doctype。
更新2:将ul设置为阻止将其修复为当前的内联表,但这样就无法将其设置为其子项的宽度并通过text-align对齐它。我认为以某种方式保留内联表而不是使用浮点数会更好的做法......
更新3:将UL设置为阻止,LI设置为内联,表格并减少边距,仍有大约一个像素仍然会发生溢出...现在唯一的问题是高度/行高正在搞乱现在允许悬停到完全延伸时背景颜色发生变化
答案 0 :(得分:0)
我把它添加到你的CSS底部并且卡住了
#footer{top:auto; bottom:0;padding:0;margin:0;overflow:hidden;}
但这只是一个快速的懒惰修复,我强烈建议你回溯你的代码,对于这样一个简单的结构来说似乎非常复杂,试着减少css中的分支元素。