浏览器标准模式和怪异模式之间的区别是什么？

在ie6之前版本，如果网页没有声明DTD，浏览器会向前兼容，采用兼容之前的布局方式，就是quirks模式，也就是怪异模式。

区别：

盒模型：

        在w3c标准中，如果设置一个元素的宽度和高度，指的是元素内容的宽度和高度，而在quirks模式下，ie的宽度和高度还包含了padding和border；

设置行内元素的高度：在标准模式下，给行内元素设置宽高都不会生效，而在quirks模式下，则会生效，上下margin也会生效。

设置百分比的宽高：在standards模式下，一个元素的宽高是由其包含内容来决定的；如果父元素没有设置百分比的宽高，子元素设置以恶搞百分比的宽高是无效的。而怪异模式下，子元素的百分比宽度生效，高度贼怪异（未知解答）。（附：父元素未设置宽高 ，子元素百分比宽高ie8以下版本 一样全部生效）

用margin：0 auto；设置水平居中，在标准模式下可以，在怪异模式下不可以

普通盒子：box-sizing：content-box

盒子总宽度/高度=width/height+padding*2+border*2

怪异盒子border-box

盒子总宽度/高度=内容宽/内容高