一、什么是盒子？

（1）它是主观意识借助实体或者虚构体现形成主观论述状态构造的一种表白目标的物件

（2）css中的盒子模型它是能够对元素进行布局，设置间隔的大小，这外面包含含有外边距、边框、内边距和内容主体这四个局部。

二、什么是盒子模型？

（1）CSS中的规范盒子模型(W3c规范的盒子模型)


图中的width只蕴含content的width，

* 触发条件：规范盒模型的css属性设置是box-sizing：content-box

（2）怪异盒子模型(IE规范的盒子模型)


图中的width蕴含content的width + 左右padding + 左右border

怪异盒次要体现在IE内核浏览器中，以后大部分浏览器反对的是W3C的规范盒子模型，不过其余浏览器也保留了IE盒子模型的反对，须要在CSS中增加触发怪异盒的条件。

* 触发条件：* 1.怪异盒模型的css属性设置是box-sizing：border-box* 2.文档构造的doctype不写，这个是在IE8 IE7 IE6 IE5等低版本上有，测试能够在win7零碎上比拟老旧的IE浏览器上，win10自带的新IE浏览器不能够。