为了防止它对任何人有用，我把一个文本框，按钮和div都放在同一个css中：

width:200px;

height:20px;

border:solid 1px #000;

padding:2px;

我尝试使用chrome，firefox和ie-edge，我尝试使用jquery而没有，我尝试使用和不使用box-sizing:border-box。始终使用

结果：

Firefox Chrome IE-Edge

with w/o with w/o with w/o box-sizing

$("#t").width() 194 200 194 200 194 200

$("#b").width() 194 194 194 194 194 194

$("#d").width() 194 200 194 200 194 200

$("#t").outerWidth() 200 206 200 206 200 206

$("#b").outerWidth() 200 200 200 200 200 200

$("#d").outerWidth() 200 206 200 206 200 206

$("#t").innerWidth() 198 204 198 204 198 204

$("#b").innerWidth() 198 198 198 198 198 198

$("#d").innerWidth() 198 204 198 204 198 204

$("#t").css('width') 200px 200px 200px 200px 200px 200px

$("#b").css('width') 200px 200px 200px 200px 200px 200px

$("#d").css('width') 200px 200px 200px 200px 200px 200px

$("#t").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#b").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#d").css('border-left-width') 1px 1px 1px 1px 1px 1px

$("#t").css('padding-left') 2px 2px 2px 2px 2px 2px

$("#b").css('padding-left') 2px 2px 2px 2px 2px 2px

$("#d").css('padding-left') 2px 2px 2px 2px 2px 2px

document.getElementById("t").getBoundingClientRect().width 200 206 200 206 200 206

document.getElementById("b").getBoundingClientRect().width 200 200 200 200 200 200

document.getElementById("d").getBoundingClientRect().width 200 206 200 206 200 206

document.getElementById("t").offsetWidth 200 206 200 206 200 206

document.getElementById("b").offsetWidth 200 200 200 200 200 200

document.getElementById("d").offsetWidth 200 206 200 206 200 206