box-sizing屬性值有2個(gè)掀虎，border-box 和 content-box荔燎，
實(shí)例：
//html
<div class="content-box">
</div>
//css
.content-box{
box-sizing:content-box;
-moz-box-sizing:content-box;
width: 100px;
height: 100px;
padding: 20px;
border: 5px solid #E6A43F;
background: blue;
}
此時(shí)的效果
image.png
看盒模型
image.png
此div的padding和border不會(huì)計(jì)算入width中
而當(dāng) box-sizing為border-box時(shí)积担，
查看盒模型
image.png
會(huì)發(fā)現(xiàn)，width變小了榆鼠，
這是因?yàn)橐Ｃ粒琤ox-sizing：borderbox時(shí)，div的寬度會(huì)把padding和border計(jì)算到實(shí)際width上褥琐；
總結(jié)：
content-box ,border和padding不計(jì)算入width之內(nèi)
border-box锌俱， border和padding都計(jì)算入width內(nèi)
