IE盒模型和w3c盒模型的区别

盒模型：

盒模型包括内容（content），填充(padding内边距），边框（border），边框（margin外边距）。
w3c标准的盒子在页面上的宽度=左边距+左边框+内边距+内容width+右边距+右边框；
下面右两个图片来解释w3c 盒模型和IE盒模型：


IE盒模型的盒模型内容包括了padding和border；而w3c盒模型则不包括padding和border。也就是说虽然他们的内容同时都包括了content，padding，border和margin但是IE盒模型的实际站位的大小是content+margin*2而w3c的实际的站位的大小则是content+padding*2+border*2+margin*2