IE6混杂模式盒模型

1. w3c标准中的盒模型：border + padding + content

其中在设置的width 和 height 是content内容区的宽和高；

box-sizing：content-box；盒子的宽高大小是到内容区

2. IE6混杂模式的盒模型：width和height是指：border+padding+content

box-sizing：border-box；盒子的宽高大小是到border区

比如：content = width - border - padding

div{
      width: 200px;
      height: 200px;
      border: 1px solid black;
      box-sizing: border-box;
      padding: 50px;
}

所以上面代码的content宽高各是：149px 149px；