标准盒与怪异盒的区别在于他们的总宽度的计算公式不⼀样。
- 标准模式下总宽度=width+margin（左右）+padding（左右）border（左右）；
- 怪异模式下总宽度=width+margin（左右）（就是说width已经包含了padding和border值）。
标准模式下如果定义的DOCTYPE缺失，则在ie6、ie7、ie8下汇触发怪异模式。
- 当设置为box-sizing:content-box时，将采⽤标准模式解析计算，也是默认模式；
- 当设置为box-sizing:border-box时，将采⽤怪异模式解析计算；
打赏
微信
支付宝
