例子：在网格布局中十分重要的属性
<style>
div{
width:300px;
height:300px;
border:3px solid yellow;
padding:11px;
}
//这个盒子的实际（可写内容区）宽度计算位为：300+3*2+11*2=328；
//如果我们给盒子添加：box-sizing:border-box;
//这个盒子的实际（可写内容区）宽度计算位为：300-3*2-11*2=272；
</style>
<body>
<div></div>
</body>
