在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略有不同。 我记不清确切的区别是什么，但我知道区别很小。