首先，来看下jquery的outerWidth方法。
outerWidth(options)
用途：获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer
参数：
options(Boolean) : (false) 设置为 true 时，计算边距在内。
例子，获取第一段落外部宽度。
1，html部分
复制代码 代码示例:
<div>
<div id="test" style="width:80px;margin:10px;"></div>
</div>
2，jQuery 代码:
复制代码 代码示例:
var w = $("#test").outerWidth(true);
$("#test").html(w);
3，结果:
复制代码 代码示例:
<div>
<div id="test" style="width:80px;margin:10px;">100</div>
</div>
再来看，jquery的outerHeight(options) 方法。
用途：获取第一个匹配元素外部高度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
返回值：Integer
参数：
options(Boolean) : (false) 设置为 true 时，计算边距在内。
例子，获取第一段落外部高度。
1，HTML部分
复制代码 代码示例:
<div>
<div id="test" style="height:20px;margin:10px;"></div>
</div>
2，jQuery 代码:
复制代码 代码示例:
var h = $("#test").outerHeight(true);
$("#test").html(h);
3，结果:
复制代码 代码示例:
<div>
<div id="test" style="height:20px;margin:10px;">40</div>
</div>
</div>
