标准模式：浏览器按照 W3C 标准解析执行代码
怪异模式：浏览器根据自己的方式解析执行代码，因为不同浏览器解析 执行方式不一样，所以叫怪异模式
区别： 在怪异模式下，盒模型为怪异盒模型 而在标准模式下为标准盒子模型 图片元素的垂直对齐方式对于行内元素和 table-cell 元素，标准模式下 vertical-align 属性默认值是 baseline，而在怪异模式下，table 单元格 中的图片的 vertical-align 属性默认值是 bottom，因此在图片底部会有 几像素的空间 元素中的字体css中font的属性都是可以继承的，怪异模式下，对于table 元素，字体的某些元素不能从其他封装元素继承中得到，特别是 font-size 属性内联元素的尺寸标准模式下，non-replaced inline 元素无法自定义大写， 怪异模式下，定义元素的宽高会影响元素的尺寸 元素的百分比高度当一个元素使用百分比高度时，在标准模式下，高度 取决于内容变化，在怪异迷失下，百分比被准确应用 元素溢出的处理标准模式下，overflow 取值默认值为 visible，在怪异模 式下，这个溢出会被当做扩展 box 对待，就是元素的大小由内容决定， 溢出不会裁剪，元素框自动调整，包含溢出内容。
评论