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