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略有不同。我不记得确切的区别是什么，但我知道存在一些小差异。