css - 为什么 offsetHeight 和 offsetWidth 间歇性地不准确？

Question

我注意到，至少在 Firefox 中(尚未在其他浏览器中进行广泛测试)，<div> 上的 offsetHeight 和 offsetWidth 属性可能会偏离一个像素。 (是的，我已经考虑了边框、填充和边距。)看看这张截图，看看我的意思:

所以这里带边框的总实际高度为 46px，但 Firebug 显示 offsetHeight 为 47px(无边框为 45px)。为什么会出现差异？那是浏览器故障吗？我应该提到 <div>有问题的有 float: left设置在上面，里面还有一些类似的内容 float编辑: left .

Answer 1

再看看你的边界(和你的数学)。在 div 的所有边上都有一个 1 像素的边框，这意味着在 div 的顶部和底部都有一个像素。

1+1=2
45+2=47