在标准模式下：浏览器按照HTML与CSS标准对文档进行解析和渲染；
在怪异模式下：浏览器则按照旧有的非标准的实现方式对文档进行解析和渲染。
所以
对于旧有的网页，浏览器启动怪异模式，就能够使得旧网页正常显示；
对于新的网页，则可以启动标准模式，使得新网页能够使用HTML与CSS的标准特性。
标准模式与怪异模式的两个常见区别
盒模型的处理差异：
标准CSS盒模型的宽度和高度等于内容区的高度和宽度，不包含内边距和边框，而IE6之前的浏览器实现的盒模型的宽高计算方式是包含内边距和边框的。
因此，对于IE，怪异模式和标准模式下的盒模型宽高计算方式是不一样的；
行内元素的垂直对齐：
很多早期的浏览器对齐图片至包含它们的盒子的下边框，虽然CSS的规范要求它们被对齐至盒内文本的基线。
标准模式下，基于Gecko的浏览器将会对齐至基线，而在quirks模式下它们会对齐至底部。最直接的例子就是图片的显示。
在标准模式下，图片并不是与父元素的下边框对齐的，如果仔细观察，你会发现图片与父元素下边框之间存在一点小空隙。
那是因为标准模式下，图片是基线对齐的。而怪异模式下，则不存在这个问题
css的rem，纵向居中css，手机淘宝CSS装修，css翻牌特效 思否，css背景左右居中顶上，css绝对定位上下居中显示，css vh是什么意思