.div3{
width: 200px;
height: 200px;
overflow: hidden;
resize: both;
border: 1px darkgrey solid;
/*定义一个div用户可以放大该div，只有resize设置为both才生效*/
box-sizing: content-box;
/*box-sizing: content-box;设置盒子模型为标准模型，设置width为200px，不包含 border，margin，padding，*/
/*box-sizing: border-box;设置为怪异模型，包含border，margin，padding*/
}
width: 200px;
height: 200px;
overflow: hidden;
resize: both;
border: 1px darkgrey solid;
/*定义一个div用户可以放大该div，只有resize设置为both才生效*/
box-sizing: content-box;
/*box-sizing: content-box;设置盒子模型为标准模型，设置width为200px，不包含 border，margin，padding，*/
/*box-sizing: border-box;设置为怪异模型，包含border，margin，padding*/
}
<div class="div3">
/*定义一个div用户可以放大该div，只有resize设置为both才生效*/
<hr>
/*box-sizing: content-box;设置盒子模型为标准模型，设置width为200px，不包含 border，margin，padding，*/
/*box-sizing: border-box;设置为怪异模型，包含border，margin，padding*/
</div>
本文转自 matengbing 51CTO博客，原文链接:http://blog.51cto.com/matengbing/1876122
