本文通过两个示例深入解析了CSS属性box-sizing的工作原理及其对元素尺寸的影响，并介绍了jQuery中outerWidth方法的作用。
1. jquery的outerWidth
2. css的box-sizing
<div style="width:200px;height:200px;box-sizing:content-box;padding:10px;margin:20px;background-color:red;border:15px solid green">
<div style="width:100%;height:100%;border:1px solid green">
content box
</div>
</div>
<div style="width:200px;height:200px;box-sizing:border-box;padding:10px;margin:20px;background-color:red;border:15px solid green">
<div style="width:100%;height:100%;border:1px solid green">
border box
</div>
</div>
结果：
扫一扫
350
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
