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

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 的重置 CSS 工具的更多信息。