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

我們一直在研究一個新網站，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

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

回答

相關問題