CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)，CSS盒子模式都具备这些属性。
盒模型一共有2种模式
- 符合W3C标准的标准盒模型
标准盒子的长宽 = content的长宽
- 在IE下的怪异盒模型
怪异盒子的长宽 = content的长宽+ padding + border
在html的首部，我们经常会看到一个<!Doctype html>的声明，浏览器根据这个声明来判断这个文件是什么类型的，并根据这来判断怎么解析文件。
- 当我们写了<!Doctype html>的声明的时候，无论在哪种内核的浏览器下盒子模型都会被解析为标准盒模型
- 当我们没写声明或声明丢失的时候，部分有IE内核的浏览器则会触发怪异模型(IE6,7,8)
- 在CSS3中我们可以通过设置box-sizing的属性来完成标准或者怪异模式之间的切换
（1）box-sizing ： content-box 采用标准模式 也是默认样式
（2）box-sizing： border-box 采用怪异模式
以上就是我对盒子模型的理解，如有异议欢迎评论留言。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。