Firefox中的负边距值问题

我在Firefox中遇到负边距问题。我的负边距在Chrome中可用，但不在Firefox中。Firefox中的负边距值问题

.search-bar { 
    height: 108px; 
    position: relative; 
    margin-top: -10px; 
}

来源

2014-01-31 Al-Mothafar

我发现它更好地工作在FF与positition ：绝对 –

的简单解决方案：

.search-bar { 
    height: 98px; 
    position: relative; 
    top: -10px; 
}

我top具有相同值替换margin-top，和我一起老margin-top值下降height和工作就像一个魅力。

来源

2014-01-31 02:40:14

但是，如果你不知道高度，那么这可能不是正确的方法 – tgdn

@tgdn尝试忽略高度。在我的情况下，我需要关心身高，如果你没有身高，那么你不需要做任何事情，但是在某些情况下你可能需要做一些包裹。 –

如果它仍然不适合你。尝试给出当前div的display：inline-block;属性，然后它在* Firefox *中工作，或者你也可以使用'float：left'。如果'display：inline-block;'或'float：left'打破了你的宽度问题，给它另一个'width：100％;'。 –

对于每个仍然存在相同问题的人，只需将float:left添加到具有负边距的DOM元素。感谢@Deepak Yadav的解决方案。

来源

2017-09-22 05:32:05

实际上，浮动不只是选项属性，它可能会破坏布局！ –

是的，但在我的情况下，它完美的作品，上面的解决方案没有。我只是给那些可能会遇到这个问题的人提供另一种选择。 –

请使用顶部属性，而不是边距和分配相对位置

我的例子：

div span { 
    display: inline-block; 
    top: -10px; 
    width: 100%; 
    height: 3px; 
    line-height: 40px; 
    position: relative;

}

来源

2017-12-18 06:41:33 shyvijay

Firefox中的负边距值问题

回答

相关问题