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

回答

相關問題