在Chrome / Firefox / Safari中，高度看起來有所不同

Question

我的代碼非常適合Chrome瀏覽器，但不適合其他瀏覽器。.看圖片，ul的父母對孩子（ul）的邊際收益很高。 對於Chrome瀏覽器來說，它工作正常，但對於其他瀏覽器來說，實在太多了！

Chrome（沒關系）

Firefox和Safari（不正常）

我沒有使用webkit或moz，也沒有使用過渡或類似的其他屬性。

編輯

抱歉，我忘記了代碼^^ ul在.wrap-orange-notre-vision中：

#section-notre-vision:before{
  content: "UNE OFFRE QUI MODERNISE ET AMÉLIORE VOTRE RELATION CLIENT.";
  text-transform: uppercase;
  position: relative;
  font-size: 1.4em;
  font-weight: bold;
  margin: 30px auto 0 auto !important;
}
section#section-notre-vision{
    height: 555px;
    min-height: 500px;
}

.wrap-orange-notre-vision{
    margin-top: 925px;
}

編輯

只是由於WordPress😐

Answer 1

可以肯定的是，由於瀏覽器代碼中的某些規范，每個瀏覽器呈現的html和CSS略有不同。 我記不清確切的區別是什么，但我知道區別很小。