javascript - .width() 返回 4 像素太多

Question

我有一个 div：

<div class="frame" id="layer1"> ... </div>

与样式：

.frame {
    position: absolute;
    width: 380px;
    height: 280px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
}
#layer1  { background-color: red; color: #fff; }

但这些是我的结果：

$(".frame").filter(":first").width(); // 384
$(".frame").filter(":first").outerWidth();  // 384
$(".frame").filter(":first").innerWidth();  // 384

我知道它们都是一样的，因为我的填充和边距都是 0，但是这个默认的 4px 是从哪里来的？

Answer 1

已解决，谢谢您的回复-它有帮助！

有其他东西可以对等式进行加法。即使问这个也觉得很愚蠢，但你的回答和问题确实帮助我深入了解它！我应该发布整个脚本：

var layers = $(".frame");
console.log(layers);

var totalWidth = layers.size() + layers.filter(":first").innerWidth();
console.log(totalWidth);

如您所见，问题在于layers.size() +，它应该是乘法而不是加法，我应该早点看到它。