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

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

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

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

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

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

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

  

  

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