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

我们一直在研究一个新网站，Firefox 6中出现了一些神秘的填充/边距，并未出现在其他任何浏览器中（包括IE）。在其他浏览器中不会出现奇怪的边距/填充效果

它应该是什么样子：

What it should look like

什么火狐显示：

What Firefox displays

的额外保证金/填充，出现正上方的黑板+门户按钮。

与萤火虫玩这是浮动的事情：留在ul.springboard李。

任何人都可以指向正确的方向吗？

谢谢

来源

2011-09-21 alexbilbie

您是否介意发布任何HTML + CSS代码？原始描述不是很有帮助。 – Ventus

我们需要代码，但问题可能是由空白引起的。 – c69

@Ventus和c69：[有问题的网站]（http://gateway.lncn.eu/）似乎可以公开访问。 – Marcel

我试图消除clearfix类，并添加以下规则ul.springboard：

display: inline-block; 
width: 100%;

即删除Firefox中的空间，但我不知道它将如何影响其他ul使用.springboard类的元素。

来源

2011-09-21 12:31:07 heggsta

宾果。非常感谢！ – alexbilbie

我认为你的问题是你实际上没有为.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; }

来源

2011-09-21 12:45:25 Marcel

感谢但http://c94471.r71.cf3.rackcdn.com/cwd.css中的第288行的样式为.clearfix – alexbilbie

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

回答

相关问题