css margin-top 在 Firefox 和 Chrome 中不一样

Question

我有一个带有如下 css 样式的 div:

//Search
.input-append{
    text-align:right;
    margin-left:-35px;
    height:20px;
    margin-top:-15px!important;
    input[class*="span"]{
        margin:-2px 0 0 0;
        padding:4px;
    }
    button.btn{
    height:30px;

        margin-top:-2px!important;
            i.icon-search{

                text-shadow:none;
            }
    }
}

我不知道为什么它没有出现在两个浏览器中的相同位置。在 Chrome 中，它显示的 div 比 Firefox 稍微高一点，如果它是 Chrome 浏览器不同的 margin-top 或反之亦然，我该如何做一个 if 语句!

谢谢

Answer 1

CSS Reset避免浏览器不一致。

所以尝试添加下面的 css

* {
  margin: 0;
  padding: 0;
}

阅读更多关于 Eric Meyer's Reset CSS Tools 的信息.