css边距顶部在Firefox和Chrome中是不同的

我有一个具有此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浏览器，我怎么能做一个if语句呢

谢谢

避免了浏览器不一致

因此，请尝试添加以下css

* {
  margin: 0;
  padding: 0;
}

---

阅读更多信息。

在发布问题之前，您应该先进行搜索。。。寻找解决方法而不是修复CSS…您的CSS代码完全无效。CSS不能按您的方式嵌套。（如果在允许嵌套的情况下使用CSS预处理器，如SASS或更少，请这样说，但即使对他们来说也不有效）我想OP在不使用重置的情况下已经做了很多工作，因此这也会移动much@danrhul是的。但是我们可以提出好的建议，这样他就可以学到正确的东西了？这更像是警告OP，当然，使用重置或类似的方法是个好主意