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

Html Firefox中的负上边距将元素向右移动,html,css,twitter-bootstrap,margin,Html,Css,Twitter Bootstrap,Margin,当我在父元素中应用负边距-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>

当我在父元素中应用负边距-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>
页边距顶部应用于“类.菜单”选项卡

这是镀铬的

和Firefox


我们尝试将父元素中的边距定义为0。菜单选项卡{margin:0;}然后根据需要为子元素定义边距。

我们尝试将父元素中的边距定义为0。菜单选项卡{margin:0;}然后根据需要为子元素定义边距。

Mm,我看不出有任何理由在该元素上使用margin top,您可以简单地将容器的高度作为行高,它应该自动居中,并与文本对齐:居中对齐容器内部的文本,这将自动使文本在其容器内垂直和水平居中。

Mm,我看不出有任何理由在该元素上使用边距顶部,您可以轻松地将容器的高度作为线条高度,它将自动居中,连同文本对齐:居中对齐容器内的文本,这将自动在容器内垂直和水平居中对齐文本。

由于这似乎解决了您的问题,我将写下它作为答案

替换:

margin-top: -3px;
与:


因为这似乎已经为你解决了这个问题,我将把它写下来作为一个答案

替换:

margin-top: -3px;
与:


我们可能需要更多的代码/一个问题的工作示例来帮助您。检查这个,您必须发布您的菜单选项卡、文件夹选项卡和html中提到的其他css类code@Jeroen我要打开我的本地主机几分钟,下面是一个例子,不确定是什么导致了这个问题,但你可能在位置上运气更好:相对;顶部:-3px;我们可能需要更多的代码/一个问题的工作示例来帮助您。检查这个,您必须发布您的菜单选项卡、文件夹选项卡和html中提到的其他css类code@Jeroen我要打开我的本地主机几分钟,下面是一个例子,不确定是什么导致了这个问题,但你可能在位置上运气更好:相对;顶部:-3px;即使子级的边距为负数,问题也会发生,但我用具有相对位置和顶部-3px的父级修复了它。即使子级的边距为负数,问题也会发生,但我用具有相对位置和顶部-3px的父级修复了它。