两种盒子模型
标准盒子:元素总宽度为=>margin+border+padding+元素width
对应box-sizing: content-box;
clientWidth即为padding+width的宽度
offsetWidth即为border+padding+width
scrollWidth 可以看见中间的文字是溢出的 这个即为溢出时的元素宽度
此时设置的width为元素的宽度
IE怪异盒子:元素总宽度为=>margin+width(border+padding+元素width)
对应box-sizing: border-box;
此时设置的width为元素+boder+padding的宽度
clientWidth即为padding+width的宽度
offsetWidth即为border+padding+width
scrollWidth 可以看见中间的文字是溢出的 这个即为溢出时的元素宽度
