css - 用于不同浏览器 chrome 和 firefox 的条件内联 CSS

Question

我写了一个用于 div 定位的 CSS。这是CSS

background-color: white; 
border-style: outset; 
margin: 115px 0px 0px -40px;

当我在 firefox 中看到输出时，div 位置还可以，但是当我在 chrome 中看到它时，输出会因以下原因而失真margin: 145px 0px 0px -40px;

铬边距应该是margin: 115px 0px 0px -40px;

所以我搜索谷歌并找到了一个片段，我申请但没有工作。这是

style="width:310;height:402;background-color:white;border-style:outset; if webkit (margin:115px 0 0 -40px) else  (margin:146px 0 0 -40px);"

所以指导我如何为 chrome 编写条件内联 css ......任何想法。谢谢

Answer 1

我写了一个测试页，没有找到你说的这种情况。也许你写了一个测试页。严格来说，firefox chrome是现代浏览器的标配，不应该出现这种情况了。

*{ margin:0; padding:0;}
body{font:12px/1.5 arial;background:#fff;}
.test{background-color: white; border-style: outset; margin: 115px 0px 0px -40px;}

<div class="test"></div>

演示在这里