Firefox中的奇怪边距/填充，在其他浏览器中不会出现

Question

我们一直在开发一个新网站，并且在Firefox 6中出现了一些神秘填充/边距，这些内容在任何其他浏览器（包括IE）中都没有出现。

应该是什么样的：

Firefox显示的内容：

额外的边距/填充显示在Blackboard + Portal按钮的正上方。

与Firebug一起玩它与浮动有关：在ul.springboard li上留下。

有人能指出我正确的方向吗？

谢谢

Answer 1

我尝试删除clearfix类并将以下规则添加到ul.springboard：

display: inline-block;
width: 100%;

这删除了Firefox中的空间，但我不确定它会如何影响使用ul类的其他.springboard元素。

Answer 2

我认为您的问题是您实际上还没有为.clearfix设置样式。以下CSS添加内容应该排除你。

/* Micro-clearfix, via goo.gl/QjJD9 */
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }