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;

，输出会失真

chrome margin 应该是 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>

demo here