标签：
css的两种盒子模型：W3C标准盒子模型、IE盒子模型
两者的相同之处：都包含margin、border、padding、content
两者的不同之处：W3C标准盒子模型的content部分不包含其他部分；IE盒子模型的content部分包含border、padding部分。
举例说明：一个盒子模型margin为10px，border为2px，padding为5px，content为100px，高为50px。
1.W3C标准盒子模型
盒子需要占据的位置：宽10*2+2*2+5*2+100=134px、高10*2+2*2+5*2+50=84px；盒子的实际大小：宽2*2+5*2+100=114px、高2*2+5*2+50=64px。
2.IE盒子模型
盒子需要占据的位置：宽10*2+100=110px、高10*2+50=60px；盒子的实际大小：宽100px、高50px、
关于浏览器显示的是哪种盒子模型
一般情况下，在加了doctype声明的情况下浏览器显示的都是W3C标准盒子模型，如果没有加doctype声明，那么不同的浏览器会根据自己的解释去显示盒子模型，IE浏览器就可能会显示IE盒子模型。
标签：
原文地址：http://www.cnblogs.com/haimengqingyuan/p/5340146.html
