CSS：Firefox和Chrome显示不同

Question

不确定为什么简单

top: 218px;

对于2个浏览器会有不同的显示方式。 我也重置了css样式。这就是我想要做的事情

<div class = "container">
      <div class = "row">
        <div class = "col-md-12 title">
          <h1 class = "welcome">Welcome</h1>
          <h4 class = "to">to</h4>
          <h1 class = "cda">XXXXX</h1>
        </div>
      </div>
    </div>

这是我的重置：

* {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  text-transform: uppercase;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

这是我的css样式：

.languages{
  font-size: 22px;
  font-weight: 600;
  top: 218px;
  z-index: 2;
  text-align: center;
  opacity: 0;
}