- 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 宽度。