CSS边距是不是在Firefox和Chrome

同我有如下这个CSS样式一个div：CSS边距是不是在Firefox和Chrome

//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中，它看起来比Firefox稍微高一点，如何使if语句成为Chrome浏览器不同的页边距或反之亦然！

感谢

来源

2013-07-26 Lulzim

你真的应该在发布问题之前进行搜索...... http://stackoverflow.com/questions/15441878/css-conditionals-for-webkit-browsers – Joum

寻找解决方法与修复你的CSS ... – ediblecode

你的CSS代码是完全无效的。 CSS不能像你这样做嵌套。（如果你使用的是像SASS或Less这样的CSS预处理器，在允许嵌套的情况下，请说明，但即使对于它们也不是有效的） – Spudley

CSS Reset避免浏览器的不一致性。

所以尝试添加下面的CSS

* { 
    margin: 0; 
    padding: 0; 
}

了解更多关于Eric Meyer's Reset CSS Tools。

来源

2013-07-26 11:56:22 Praveen

我想象一下，OP在不使用重置的情况下完成了大量工作，所以这最终会移动太多 – ediblecode

@danrhul Yup。但我们可以提出好的想法，所以他可以学到正确的东西？ – Praveen

这是更多的警告OP，它是，当然，使用重置或类似的是一个好主意 – ediblecode

CSS边距是不是在Firefox和Chrome

回答

相关问题