html - 输入元素大于指定

Question

我创建了一个文本类型的输入元素，并给它设置了 90px 的宽度，当我执行这段代码来查找宽度时，它确实返回了 90px，datafield 是我存储元素引用的变量

  var firstWidth = theDatafields.eq(0).css("width");       
    console.log("the first " + firstWidth);

但是当我通过开发控制台实际检查元素并在检查元素时将鼠标悬停在元素上时，它给了我 94px。额外的 4px 是从哪里来的？

Answer 1

它的 border，每边都是 2px，让它正好是 90px 给它一个 width 86px。

要亲自查看，请检查开发人员工具 (f12) 中的布局，例如 firebug(对于 firefox)，或者 chrome 中的默认值。