test.html

<html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><style>#box1{width:200px;height:200px;background-color:pink;padding:20px;margin:30px;box-sizing:border-box;border:1pxsolidred;}#box2{width:200px;height:200px;background-color:#ececec;padding:20px;margin:30px;box-sizing:content-box;border:1pxsolidred;}</style><scriptsrc="jquery-1.11.3.min.js"></script></head><body><divid="box1"></div><divid="box2"></div><script>console.log("box1info...");console.log("innerwidth:"+$("#box1").innerWidth());console.log("width:"+$("#box1").width());console.log("outerinnerwidth:"+$("#box1").outerWidth());console.log("outerinnertruewidth:"+$("#box1").outerWidth(true));console.log("csswidth:"+$("#box1").css("height"));console.log("box2info...");console.log("innerwidth:"+$("#box2").innerWidth());console.log("width:"+$("#box2").width());console.log("outerinnerwidth:"+$("#box2").outerWidth());console.log("outerinnertruewidth:"+$("#box2").outerWidth(true));console.log("csswidth:"+$("#box2").css("height"));</script></body></html>

结果

box1info...innerwidth:198width:158outerinnerwidth:200outerinnertruewidth:260csswidth:200pxbox2info...innerwidth:240width:200outerinnerwidth:242outerinnertruewidth:302csswidth:200px