Firefox和Firebug中报告的大小与Chrome和IE11不同

时间:2014-01-08 06:25:20

标签: css firefox

我发现Firefox 26中Box模型中报告的像素与Chrome v32和IE 11中报告的像素不一致。

HTML代码为:

<div class="main">
    <div>Box Model Test</div>
</div>

CSS:

.main { border: 1px solid black; }
.main div { background-color: green; padding: 10px; margin: 10px; border: 2px solid red;  height: 100px; width: 250px; }

JSFiddle here

在Firefox v26中,框模型为.main div报告1px而不是2px的边框。此外,Firefox上的计算属性显示边框为1.6px。看看代码,我希望边框正好是2px,如Chrome和IE中所示。为什么这在Firefox中有所不同?

0 个答案:

没有答案