clientWidth与outerWidth有什么区别，能不能多说一点让我能充分理解盒子模型

Question

感觉盒子模型好多坑呀

Answer 1

原生js里有clientWidth，Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有的话）、边框和外边距。jquery里有outerHeight()方法，获取匹配元素集合中第一个元素的当前计算宽度值,包括padding，border和选择性的margin。返回一个整数（不包含“px”）表示的值 ，或如果在一个空集合上调用该方法，则会返回 null。