Firefox中的负上边距将元素向右移动

Dan*_*nny 1 html css margin twitter-bootstrap

当我在父元素中应用-3px的负边距顶部时,所有子节点向右移动(在Firefox和IE8中),但在Chrome中看起来非常精细(元素居中).

是什么导致这个?

<div class="menu-tab">
      <div class="folder-tab">
        <span class="normal-small-text">Ingresar<i class="icon-chevron-down icon-white"></i></span>
      </div>
</div>
Run Code Online (Sandbox Code Playgroud)

margin-top适用于班级 .menu-tab

这是在Chrome中

在此输入图像描述

和Firefox

在此输入图像描述

Tur*_*nip 5

因为这似乎解决了你的问题,我会把它写成答案.

更换:

margin-top: -3px;
Run Code Online (Sandbox Code Playgroud)

有:

position: relative;
top: -3px;
Run Code Online (Sandbox Code Playgroud)