Firefox中的负边际值问题

Question

我在Firefox中存在负余量问题。我的负边距适用于Chrome，但不适用于Firefox。

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

Answer 1

解决方案简单：

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

我将margin-top替换为top并使用相同的值，然后使用旧的height值减少margin-top，并像魅力一样工作。

Answer 2

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

Answer 3

我这样做了，这很有效。

.your__class{
    display:inline-block;
    vertical-align:top;
    margin-top:-100px;
}

Answer 4

Please use top property instead of margin-top and assign position relative

My Example:

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

}