JQuery 的 width() 属性和 css('width')的区别

• width() 返回不带有单位的数值，比如400，而css(“width”)返回带有单位的数值 如400px,所以有数值计算的地方都推荐width()方法
• $dom.width() 操作的是元素的content width。
• $dom.css(‘width’) 操作的是元素的style上的 width。 根据box-size属性的不同， 这个width可能是 content width 也可能是 border width。

在很久很久以前，IE6以前，浏览器是默认 border-box 模型的，后来（就CSS3出来之前）转而默认 content-box，到了CSS3，

二者和谐统一，方法就是CSS3推出一个属性 box-sizing，该属性值有2个：一个是 content-box，另一个就是 border-box。　　


引申一点，content-box：元素的宽度就是内容的宽度，不包括 padding 和 border 宽度。

border-box: 元素的宽度直观的就应该是：内容宽度 + padding宽度 + border 宽度。