前端面试题：盒子模型？

盒模型分为标准盒模型和怪异盒模型(IE模型)
box-sizing： content-box //标准盒模型
box-sizing： border-box //怪异盒模型
标准盒模型：元素的宽度等于style里的width+margin+border+padding宽度
如下代码，整个宽高还是120px
div{
box-sizing： content-box；
margin： l0px；
width： l00px；
height： l00px；
padding： l0px；
}
怪异盒模型：元素宽度等于style里的width宽度
![91_4. png][91_4. png]
如下代码，整个宽高还是l00px
div{
box-sizing： border-box；
margin： l0px；
width： l00px；
height： l00px；
padding： l0px；
}

注意:如果你在设计页面中，发现内容区被撑爆了，那么就先检查一下border-sizing是什么， 最好在引用reset, css的时候，就对border-sizing进行统一设置，方便管理