概念
标准模式是由W3C标准解析代码，目前大部分浏览器在使用的模式，又称为严格模式
混杂模式向后兼容，防止老站点无法工作，不同的浏览器有不同的解析方式，又称为怪异模式
如何使用两种模式？
触发混杂模式
标准模式和混杂模式的区别
盒模型：
标准模式下元素的宽度为Content的宽高
混杂模式下元素的宽高为Content + padding + border
图片：
标准模式下，div中只有图片的时候，图片下会有3px的空白
混杂模式下，不会留有空白
字体：
混杂模式下，字体不会继承父元素的字体
内联样式：
混杂模式下，给内联元素设置宽高都是有效的
元素百分比宽高：
标准模式基于内容的百分比
混杂模式下，如果父级元素设置行内，浮动，绝对定位，以父级的宽度为标准，如果父级没有宽度，往上一层找
溢出：
标准模式下，如果元素超出框外，会自动裁剪
混杂模式下，如果元素超出框外，元素会自动适应内容