clientwidth
对象尺寸会涉及width和height，我们以width为例，height则是一样的道理。
1、clientwidth：对象可见的宽度，不包括滚动条等边线，会随窗口的显示大小改变。
clientWidth = 元素width + padding
2、scrollWidth：实际内容的宽，不包括边线宽度，会随着对象中内容的多少改变。
无滚动时等于clientWidth，有滚动时，需要计算
3、offsetwidth：对象的可见宽度，包括滚动条等边线，会随窗口的显示大小改变。
offsetWidth = 元素width + padding + border
CSS中的margin属性，与clientWidth、offsetWidth均无关
4、width：不包括滚动条和工具条的宽度。
5、innerWidth：窗口中文档显示区域的宽度，不包括菜单栏、工具栏等部分，该属性可读可写。注意，IE浏览器不支持该属性。
6、outerWidth：窗口中文档显示区域的宽度，包含菜单栏、工具栏等部分。
获取outerWidth有两个jquery方法
outerWidth()：outerWidth = padding + border
outerWidth(true)： outerWidth = margin + padding + border
注意事项：
1.获取这些尺寸信息时，clientWidth、scrollWidth和offsetWidth用<document.getelementbyid(‘Id’).属性>形式获取，它们是javascript对象属性，没有jquery方法。
2.有jquery方法的是： width()、 innerWidth()、outerWidth()、outerWidth(true)
3.一般情况下 width() <= innerWidth() <= outerWidth() <= outerWidth(true)
相关阅读
首先来看看这个p1: #p1 { width:200px; height:200px; border:1px solid red; padding:2px; margin:2px; background:green;} 它
clientHeight、offsetHeight、scrollHeight、clientWi
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWid
【带图】讲解offsetHeight、offsetLeft、clientWidth
1.偏移量元素的可见大小由其高度、宽度决定，包括所有内边距、滚动条和边框的大小（注意，不包括外边距）。offsetHeight：元素在垂直方向上
javascript中的offsetWidth、clientWidth、innerWidth
关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清，这里就来总结一下这些方法的用法和含义
1、offsetWidth: 为元素的width+元素的padding+边框的宽度 如图： 2、offsetLeft、offsetTop、offsetRight、offsetBottom 以off