#div1 {
width: 100px;
height: 100px;
border: 5px black solid;
padding: 10px;
margin: 10px;
background: orange;
}
#div1-son {
background: white;
width: 100%;
height: 100%;
}
<div id="div1">
<div id="div1-son"></div>
</div>
![](https://images2015.cnblogs.com/blog/904523/201609/904523-20160920195427231-908706163.png)
width(): 获取第一个匹配元素内部宽度(不包括补白 padding 和边框 border)。
width(): 100
innerWidth() 获取第一个匹配元素边框以内的宽度(包括补白 padding ,不包括 边框border)。
innerWidth(): 120
outerWidth() 获取第一个匹配元素外部宽度(默认包括补白 padding和边框border )。此方法对可见和隐藏元素均有效。
outerWidth(): 130
outerWidth(true) 获取第一个匹配元素外部宽度(默认包括补白 padding和边框border和外边距Margin )。此方法对可见和隐藏元素均有效。
outerWidth(true): 150
height(): 获取第一个匹配元素内部高度(不包括补白 padding 和边框 border)。
heigh(): 100
innerheight() 获取第一个匹配元素边框以内的高度(包括补白 padding ,不包括 边框border)。
innerheight(): 120
outerHeight() 获取第一个匹配元素外部高度(默认包括补白 padding和边框border )。此方法对可见和隐藏元素均有效。
outerWidth(): 130
outerHeight(true) 获取第一个匹配元素外部高度(默认包括补白 padding和边框border和margin )。此方法对可见和隐藏元素均有效。
outerWidth(): 150