所有HTML元素可以看作盒子，在CSS中，CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
标准盒模型和怪异盒模型的区别
“标准盒与怪异盒的区别在于他们的总宽度的计算公式不一样。
标准盒模型总宽度=width+margin(左右)+padding(左右)border(左右)。
怪异盒模型的总宽度=width+margin(左右)( width已经包含了padding和border值)。
怪异盒模型:box-sizing:border-box
标准盒模型:box-sizing:centent-box
相关文章：