Firefox中的間距問題

與Chrome相比，我在Firefox的div之間存在一些奇怪的間距問題。 Firefox正在計算一個元素的高度大於它內部的內容。Firefox中的間距問題

我已經在使用CSS Reset。

試圖改變box-model，float，display，margin，padding並沒有什麼產生任何結果。

在Firefox中看到：

When viewed in Firefox

看在Chrome：

When viewed in Chrome

2014-09-01 James

是否有可能在某處查看代碼？或複製您的CSS和HTML在http://jsfiddle.net？ – haxxxton 2014-09-01 04:42:58

請給出一些代碼，並更好地在jsfiddle.net – 2014-09-01 04:44:27

http://stackoverflow.com/questions/25760396/chrome-automatic-shift-of-web-elements – 2014-09-18 17:21:50

您需要設置寬度這個div是根據卡號線。將它設置爲290px。

<div class="pure-u-sm-1 pure-u-8-24 reason"></div>

2014-09-01 06:59:30

可能的重複設置一個固定的寬度打破了響應。任何其他方法？ – James 2014-09-01 07:55:15

你也可以設置最大寬度 – 2014-09-01 08:46:17

width:inherit end div在這裏工作。

2014-09-01 08:39:12 James

您選擇的網格系統對於WebKit使用flexbox，對於Firefox使用inline-block，並且沒有完全刪除塊之間的空白字符。火狐的當前版本支持Flexbox的（無前綴），所以你可以添加

display:flex; 
flex-flow:row wrap;

到.pure-g獲得在Firefox相同的顯示在Webkit的。另外，這個網格系統依賴於像-0.43em這樣的魔術常量（應該是空白字符的寬度，但不是任何流行字體中的等於它）。最好不要依賴這樣的事情，所以嘗試其他沒有這種「黑魔法」的網格系統。

2014-09-01 08:56:49

也許這個例子有助於：http://jsfiddle.net/XeVFP/5/對於任何支持'@支持'的瀏覽器，它只使用舊的瀏覽器和'flexbox'。 – 2014-09-01 09:04:29

回答