- 在标准模式页面按照 HTML、CSS 的定义渲染，而在怪异模式就是浏览器为了兼容很早 之前针对旧版本浏览器设计，并未严格遵循 W3C 标准而产生的一种页面渲染模式。浏 览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的 DOCTYPE 则浏览器将会采用标准模式，如果缺失就会采用怪异模式。
区别：
- 盒模型 在怪异模式下，盒模型为 IE 盒模型
- W3C 标准的盒模型：
-
图片元素的垂直对齐方式 对于 inline 元素和 table-cell 元素，标准模式下 vertical-align 属性默认取值为 baseline，在怪异模式下，table 单元格中的图片的 vertical-align 属性默认取值为 bottom，因此在图片底部会有及像素的空间。（图片底部空白，通过设置 vertical-align： center 来解决）
-
元素中的字体 CSS 中，对于 font 的属性都是可以继承的，怪异模式下，对于 table 元素，字体的某些 元素将不会从 body 等其他封装元素中继承得到，特别是 font-size 属性
-
内联元素的尺寸 标准模式下，non-replaced inline 元素无法自定义大小，怪异模式下，定义这些元素的 width，height 属性可以影响这些元素显示的尺寸。
-
元素的百分比高度 CSS 中对于元素的百分比高度规定如下：百分比为元素包含块的高度，不可为负值，如 果包含块的高度没有显示给出，该值等同于 auto，所以百分比的高度必须在父元素有高 度声明的情况下使用.
当一个元素使用百分比高度时，标准模式下，高度取决于内容变化，怪异模式下，百分 比高度被正确应用.
- 元素溢出的处理 标准模式下，overflow 取默认值 visible；
在怪异模式下，该溢出会被当做扩展 box 来对待，即元素的大小由其内容决定，溢出不 会裁减，元素框自动调整，包含溢出内容
