在其他瀏覽器中不會出現奇怪的邊距/填充效果

Question

我們一直在研究一個新網站，Firefox 6中出現了一些神祕的填充/邊距，並未出現在其他任何瀏覽器中（包括IE）。

它應該是什麼樣子：

什麼火狐顯示：

的額外保證金/填充，出現正上方的黑板+門戶按鈕。

與螢火蟲玩這是浮動的事情：留在ul.springboard李。

任何人都可以指向正確的方向嗎？

謝謝

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; }