写个博客也有人喷，我真的服了。自己写自己的思考笔记，爱看不看，有意见你也可以提， 毕竟我的理解也不一定对是不是。你open 我干啥子劲儿。
盒子模型：标准盒子模型 和怪异盒子模型 两种。CSS3 的新属性：box-sizing：border-box(IE盒子模型 也就是怪异模型); content-box（W3C的标准盒子模型）;
区别：用css设置宽度、内边距、边框等属性，宽度 计算的时候不一样；这对于布局来说非常重要。
若设置怪异盒子模型：border-box;那么宽度永远是设置的width 的值。设置CSS的width = content + padding + border-width;不会因为设置了内边距或者边框而变大。若设置标准盒子模型：content-box，那么设置的width 的content 永远是 css样式设置的宽度，设置内边距和边框 都会使目前的盒子变大。设置CSS的width = content，其他的设置会撑大本次设置的盒子。设置父元素并不能让子元素继承 box-sizeing属性 继承要用 border-sizing: inherit;
然后 用js 获取 设置的盒子的宽高方法：常用的有两种
clientWidth 获取的是内容+内边距
offsetWidth 获取的是内容+内边距+边框的值