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

【问题标题】：css margin-top is not the same in Firefox and ChromeFirefox 和 Chrome 中的 css margin-top 不一样
【发布时间】：2013-07-26 11:51:03
【问题描述】：

我有一个具有以下 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 语句！

谢谢

【问题讨论】：

你真的应该在发布问题之前搜索...stackoverflow.com/questions/15441878/…
寻找解决方法与修复 CSS...
您的 CSS 代码完全无效。 CSS 不能按照您的方式嵌套。（如果您使用的是 CSS 预处理器，如 SASS 或 Less 允许嵌套，请说出来，但即使对它们来说它看起来也无效）

标签： css

【解决方案1】：

CSS Reset 避免浏览器不一致。

所以尝试添加下面的 css

* {
  margin: 0;
  padding: 0;
}

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

【讨论】：

我想OP在不使用Reset的情况下做了很多工作，所以最终会移动太多
@danrhul 是的。但是我们可以提出好的想法，这样他就可以学到一些东西对吗？
更多的是警告 OP，当然，使用 reset 或类似的方法是个好主意