w3c中的盒子模型的宽:包括margin+border+padding+width;
1、width:margin*2+border*2+padding*2+width;
2、 height:margin*2+border*2+padding*2+height;
IE中的盒子模型的宽:包括margin+border+padding+width;
1、width:margin*2+width;
2、 height:margin*2+height;
例如一个盒子模型如下:margin:20px,border:10px,padding:10px;width:200px;height:50px;
如果用w3c盒子模型解释,那么这个盒子模型占用的宽度为:20*2+10*2+10*2+200=280px; 高度:20*2+10*2+20*2+50=130px;盒子的实际宽度大小为:10*2+10*2+200=240px;实际高度:10*2+10*2+50=90px;
用ie的盒子模型解释 :盒子在网页中占据的大小为20*2+200=240px; 高:20*2+50=90px;
盒子的实际大小为:宽度:200px, 高度:50px;