随手记十一——怪异盒模型和标准盒模型

　　在标准盒模型下，width和height是内容区域即content的width和height。而盒子总宽度为

　　在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

 

　　而IE盒模型或怪异盒模型显而易见的区别就是，width和height除了content区域外，还包含padding和border。盒子的总宽度为

　　一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值）

 

　　

　　

 

　　本篇参考自博客园 北辰狼月